fix: typography in textinput

Author: mhenriette

src/components/sections/challenges/Submission.tsx

@@ -162,7 +162,7 @@ export default function Submission(): ReactElement {
                     />
                   </div>
                   {challenge.format.githubLink && (
-                    <div className="w-full m-0 text-lg py-0 leading-none items-center space-x-2">
+                    <div className="w-full m-0 text-base py-0 leading-none items-center space-x-2">
                       <div>
                         <GithubLinkInput
                           id="input-github"

src/components/ui/TextInput.tsx

@@ -35,7 +35,7 @@ export default forwardRef<HTMLTextAreaElement, TextInputProps>(function TextInpu
   const isFilled = useMemo(() => value.trim().length > 0, [value]);
 
   const labelClassName = classNames(
-    "absolute top-0 left-0 text-lg px-5 py-5 z-10 h-full pointer-events-none transform origin-left transition-all duration-100 ease-in-out items-center",
+    "absolute top-0 left-0 text-base px-5 py-5 z-10 h-full pointer-events-none transform origin-left transition-all duration-100 ease-in-out items-center",
     {
       "text-gray-400 flex items-center": !isFilled && !isFocused,
       "text-gray-400 scale-75 -translate-y-3 translate-x-1": isFocused || isFilled,
@@ -45,7 +45,7 @@ export default forwardRef<HTMLTextAreaElement, TextInputProps>(function TextInpu
   );
 
   const textareaClassName = classNames(
-    "w-full border border-solid border-gray-200 h-56 resize-none m-0 pt-5 md:pt-7.5 pl-15 pr-2 md:px-10.75 block text-lg focus:outline-none placeholder-gray-400 placeholder-opacity-100",
+    "w-full border border-solid border-gray-200 h-56 resize-none m-0 pt-5 md:pt-7.5 pl-15 pr-2 md:px-10.75 block text-base focus:outline-none placeholder-gray-400 placeholder-opacity-100",
     inputClass
   );