diff --git a/src/App.vue b/src/App.vue
index 42ba10a..af2a854 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -75,7 +75,7 @@ export default defineComponent({
   font-size: 11px;
 }
 :root {
-  --q-dark: #303133;
+  --q-dark: #464646;
   --q-dark-page: #303133;
 }
 .commandLogo {
diff --git a/src/components/CommandEditor.vue b/src/components/CommandEditor.vue
index d9e2924..3e7de92 100644
--- a/src/components/CommandEditor.vue
+++ b/src/components/CommandEditor.vue
@@ -8,7 +8,7 @@
       class="absolute-left shadow-10"
       :style="{
         width: sideBarWidth + 'px',
-        background: $q.dark.isActive ? 'var(--q-dark)' : '#f2f2f2',
+        background: $q.dark.isActive ? 'var(--q-dark-page)' : '#f2f2f2',
         zIndex: 1,
         transition: '0.3s',
       }"
diff --git a/src/components/CommandSideBar.vue b/src/components/CommandSideBar.vue
index f01b781..97c1e30 100644
--- a/src/components/CommandSideBar.vue
+++ b/src/components/CommandSideBar.vue
@@ -3,6 +3,9 @@
     :thumb-style="{
       width: '3px',
     }"
+    :horizontal-thumb-style="{
+      height: '5px',
+    }"
   >
     <div class="row q-pa-md q-gutter-md">
       <q-btn