diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css
index 1800cdaa..a29e8948 100644
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -112,9 +112,18 @@
     -webkit-appearance: none;
     margin: 0;
   }
-  input[type=number] {
-    -moz-appearance:textfield;
+  input[type="number"] {
+    appearance: textfield;
+    -moz-appearance: textfield;
   }
 }
 
-
+@layer utilities {
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+  .no-scrollbar {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+}
diff --git a/apps/web/src/app/register/answer-academic/form.tsx b/apps/web/src/app/register/answer-academic/form.tsx
index 00f8c33f..9912d056 100644
--- a/apps/web/src/app/register/answer-academic/form.tsx
+++ b/apps/web/src/app/register/answer-academic/form.tsx
@@ -179,7 +179,7 @@ function AnswerAcademic(props: AnswerAcademicProps) {
                     <FormLabel>รูปแบบการเดิน</FormLabel>
                     <FormControl>
                       <Textarea
-                        className="min-h-auto h-12 [resize:none] md:text-base"
+                        className="min-h-auto no-scrollbar h-12 md:text-base"
                         {...field}
                         disabled
                       />