fix input styling

src/app/dashboard/index.tsx

@@ -127,7 +127,7 @@ export const Dashboard = ({ state }: LayoutPageProps) => {
               value={search}
               name="search"
               id="search"
-              className="h-10 block w-full rounded-md border border-gray-200 pl-9 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+              className="h-10 block w-full rounded-md border border-gray-200 pl-9 focus:border-indigo-500 focus:ring-indigo-500 text-input"
               placeholder="Search by name..."
               spellCheck={false}
               onChange={(e) => handleSearch(e.target.value)}

src/app/questions/list.tsx

@@ -278,7 +278,7 @@ export const ListQuestions = () => {
               name="search"
               id="search"
               //   disabled={disabled}
-              className="h-10 block w-full rounded-md border border-gray-200 pl-9 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+              className="h-10 block w-full rounded-md border border-gray-200 pl-9 focus:border-indigo-500 focus:ring-indigo-500 text-input"
               placeholder=" Search by name..."
               spellCheck={false}
               onChange={(e) => handleSearch(e.target.value)}

src/app/questions/question.tsx

@@ -1,5 +1,3 @@
-import "./style.css";
-
 import { Answer, InputOption, QuestionAnswer } from "./interfaces";
 import {
   List,
@@ -40,7 +38,7 @@ const RenderCheckbox = ({
           value={checked || ("" as any)}
           onChange={handleClick}
           type="checkbox"
-          className="before:content[''] peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-200 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-gray-900 checked:bg-gray-900 checked:before:bg-gray-900 hover:before:opacity-10"
+          className="before:content[''] peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-200 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-blue-500 checked:bg-blue-500 checked:before:bg-blue-500 hover:before:opacity-10"
           id={id}
         />
         <span className="absolute text-white transition-opacity opacity-0 pointer-events-none top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 peer-checked:opacity-100">

src/index.css

@@ -1,3 +1,14 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.search-select > button > input {
+  @apply text-xl;
+}
+.text-input {
+  @apply text-xl;
+}
+
+.text-input > input {
+  @apply text-xl;
+}