diff --git a/src/docs/docs-components/ThemeBuilder/Customiser/styles.module.scss b/src/docs/docs-components/ThemeBuilder/Customiser/styles.module.scss
index 4564639f..f811a660 100644
--- a/src/docs/docs-components/ThemeBuilder/Customiser/styles.module.scss
+++ b/src/docs/docs-components/ThemeBuilder/Customiser/styles.module.scss
@@ -13,7 +13,7 @@
     display: inline-flex;
     div {
       margin-right: 4px;
-      background-color: #ddd;
+      background-color: #fff;
       border: 1px solid #bbb;
       color: #777;
       font-size: 1rem;
@@ -22,9 +22,9 @@
       width: 1.2rem;
       height: 1.2rem;
       display: inline-flex;
-      justify-items: center;
+      justify-content: center;
       align-items: center;
-      border-radius: 1.2rem;
+      border-radius: 4px;
       span {
         display: inline-block;
         font-size: 1rem;
@@ -32,9 +32,10 @@
     }
     &.open {
       div {
-        background-color: #666;
-        border: 1px solid #bbb;
-        color: white;
+        // background-color: #666;
+        // border: 1px solid #bbb;
+        color: #333;
+        font-weight: bold;
       }
     }
   }
@@ -46,17 +47,16 @@
   div.value {
     padding-left: 10px;
     div.input-container {
-      padding-left: 10px;
+      padding-left: 0px;
     }
     input {
       width: 100%;
-      border: 0;
       outline: 0 !important;
       margin: 5px 0 5px;
       padding: 2px 5px;
-      background-color: #efefef;
+      background-color: rgb(245, 242, 240);
       padding: 5px 5px !important;
-      border: 1px solid #666 !important;
+      border: 1px solid #ccc !important;
       border-radius: 4px;
     }
     input[type='color'] {
diff --git a/src/docs/docs-components/ThemeBuilder/ThemeSwitch/styles.module.scss b/src/docs/docs-components/ThemeBuilder/ThemeSwitch/styles.module.scss
index bab6fa59..f82d6f99 100644
--- a/src/docs/docs-components/ThemeBuilder/ThemeSwitch/styles.module.scss
+++ b/src/docs/docs-components/ThemeBuilder/ThemeSwitch/styles.module.scss
@@ -17,11 +17,15 @@
     color: #999;
     cursor: pointer;
     border: 0;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
     &:hover {
       color: #333;
     }
     span {
       font-size: 1.2rem;
+      line-height: 1.2rem;
     }
     &.active {
       background-color: #fff;
diff --git a/src/docs/docs-components/ThemeBuilder/styles.module.scss b/src/docs/docs-components/ThemeBuilder/styles.module.scss
index 3d1b1988..1b802f27 100644
--- a/src/docs/docs-components/ThemeBuilder/styles.module.scss
+++ b/src/docs/docs-components/ThemeBuilder/styles.module.scss
@@ -3,7 +3,7 @@
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: 1fr;
-  gap: 20px;
+  gap: 80px;
 
   div.column {
     min-width: 200px;