diff --git a/resources/css/components/forms/field-homegrade-rating.css b/resources/css/components/forms/field-homegrade-rating.css
index 78f1e40..3915f41 100644
--- a/resources/css/components/forms/field-homegrade-rating.css
+++ b/resources/css/components/forms/field-homegrade-rating.css
@@ -3,9 +3,18 @@
     @apply pb-6 !text-2xl text-center;
   }
   .gfield_radio {
-    @apply flex justify-between max-w-lg text-center mx-auto;
+    @apply grid  sm:flex justify-between max-w-lg text-center mx-auto;
+
+    @media screen and (max-width: 400px) {
+      grid-template-columns: auto auto;
+      width: fit-content;
+      column-gap: 1rem;
+    }
     .gchoice {
       @apply flex flex-col justify-center items-center;
+      &:last-child {
+        grid-column: auto / span 2;
+      }
       label.gform-field-label {
         @apply !ml-0 mt-3 !font-normal;
       }