diff --git a/src/app/dashboard/index.tsx b/src/app/dashboard/index.tsx
index 430fed9..bb9928c 100644
--- a/src/app/dashboard/index.tsx
+++ b/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)}
diff --git a/src/app/questions/list.tsx b/src/app/questions/list.tsx
index 90bfaf9..922af2a 100644
--- a/src/app/questions/list.tsx
+++ b/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)}
diff --git a/src/app/questions/question.tsx b/src/app/questions/question.tsx
index 63dfc44..7eef261 100644
--- a/src/app/questions/question.tsx
+++ b/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">
diff --git a/src/app/questions/style.css b/src/app/questions/style.css
deleted file mode 100644
index 551a135..0000000
--- a/src/app/questions/style.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.search-select > button > input {
-  @apply text-xl;
-}
-
-.text-input > input {
-  @apply text-xl;
-}
diff --git a/src/index.css b/src/index.css
index b5c61c9..d238f74 100644
--- a/src/index.css
+++ b/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;
+}