diff --git a/assets/css/scss/_admin_index.scss b/assets/css/scss/_admin_index.scss
index fc96e5c6aa..881ffb8bed 100644
--- a/assets/css/scss/_admin_index.scss
+++ b/assets/css/scss/_admin_index.scss
@@ -13,18 +13,30 @@
 
 .admin-colors {
   &__container {
-    @apply flex flex-col md:flex-row gap-4 mt-6;
+    @apply flex flex-col mt-6;
   }
 
   &__settings {
-    @apply space-y-4 flex-1;
+    @apply flex flex-col gap-4
+      md:flex-row;
+
+    &-form {
+      @apply flex-1;
+
+      &-title {
+        @apply mb-4;
+      }
+    }
 
     .row-group {
-      @apply flex flex-col gap-4 items-start md:items-end md:grid md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3;
+      @apply flex flex-col gap-4 items-start
+        sm:grid sm:grid-cols-2
+        md:items-end
+        xl:grid-cols-3;
     }
-  }
 
-  &__preview {
-    @apply space-y-4 flex-1;
+    &-preview {
+      @apply space-y-4 flex-1;
+    }
   }
 }
diff --git a/assets/css/scss/atoms/_divider.scss b/assets/css/scss/atoms/_divider.scss
index ca7e5a31bc..b61637386a 100644
--- a/assets/css/scss/atoms/_divider.scss
+++ b/assets/css/scss/atoms/_divider.scss
@@ -3,7 +3,7 @@
 
   &[aria-orientation="vertical"] {
     @apply before:absolute before:block before:left-1/2 before:top-0 before:h-full before:content-[""] before:border-l before:border-solid before:border-gray-25
-      flex min-h-full mx-2 py-2 relative justify-center;
+      flex min-h-full mx-4 py-2 relative justify-center;
 
     div {
       @apply first:py-2;
@@ -12,7 +12,7 @@
 
   &[aria-orientation="horizontal"] {
     @apply before:absolute before:block before:left-0 before:w-full before:top-1/2 before:content-[""] before:border-t before:border-solid before:border-gray-25
-      flex w-full relative items-center my-2 px-2;
+      flex w-full relative items-center my-4 px-2;
 
     div {
       @apply first:px-2;