diff --git a/resources/css/components/forms/field-classic-rating.css b/resources/css/components/forms/field-classic-rating.css
index a0599e2..a161f3a 100644
--- a/resources/css/components/forms/field-classic-rating.css
+++ b/resources/css/components/forms/field-classic-rating.css
@@ -12,7 +12,7 @@
       }
       input.gfield-choice-input {
         @apply rounded-none border-none;
-        @apply w-20 h-12 bg-no-repeat bg-center bg-contain cursor-pointer py-4 rounded-2xl bg-transparent box-content;
+        @apply w-16 md:w-20 h-12 bg-no-repeat bg-center bg-contain cursor-pointer py-4 rounded-2xl bg-transparent box-content;
 
         box-shadow: none;
         filter: grayscale(100%) opacity(0.5);
diff --git a/resources/css/components/forms/field-homegrade-rating.css b/resources/css/components/forms/field-homegrade-rating.css
index c890cac..78f1e40 100644
--- a/resources/css/components/forms/field-homegrade-rating.css
+++ b/resources/css/components/forms/field-homegrade-rating.css
@@ -11,7 +11,7 @@
       }
       input.gfield-choice-input {
         @apply rounded-none border-none;
-        @apply w-20 h-12 bg-no-repeat bg-center bg-contain cursor-pointer py-4 rounded-2xl bg-transparent box-content;
+        @apply w-16 md:w-20  h-12 bg-no-repeat bg-center bg-contain cursor-pointer py-4 rounded-2xl bg-transparent box-content;
         box-shadow: none;
         filter: grayscale(100%) opacity(0.5);
         transition: all 0.3s ease-in-out;