diff --git a/fill-the-blanks/src/binding.py b/fill-the-blanks/src/binding.py
index af86a17..667f4d6 100644
--- a/fill-the-blanks/src/binding.py
+++ b/fill-the-blanks/src/binding.py
@@ -32,8 +32,20 @@
     padding: 3px;    
     margin: 2px;
 }
+input.ftb-xs {
+    width: 40px;
+}
+input.ftb-sm {
+    width: 80px;
+}
 input.ftb-md {
-    width: 150px;
+    width: 160px;
+}
+input.ftb-lg {
+    width: 240px;
+}
+input.ftb-xl {
+    width: 320px;
 }
 input.st-incomplete {
     background-color: #FFFF77;
diff --git a/fill-the-blanks/src/handler.py b/fill-the-blanks/src/handler.py
index df3faec..2b95c81 100644
--- a/fill-the-blanks/src/handler.py
+++ b/fill-the-blanks/src/handler.py
@@ -120,9 +120,12 @@ def _get_length_class(text: str, hint: str):
         return "ftb-xs"
     elif size <= 10:
         return "ftb-sm"
-    elif size > 20:
+    elif size <= 20:
+        return "ftb-md"
+    elif size <= 30:
         return "ftb-lg"
-    return "ftb-md"
+    else:
+        return "ftb-xl"
 
 
 def on_show_question():