diff --git a/src/components/DrawerComponent.vue b/src/components/DrawerComponent.vue
index 03a1eec4..0fed7cda 100644
--- a/src/components/DrawerComponent.vue
+++ b/src/components/DrawerComponent.vue
@@ -185,7 +185,7 @@ function branchSetting() {}
 }
 
 :deep(.q-drawer) {
-  background-color: transparent;
+  background-color: var(--surface-3);
   padding: var(--size-4);
   padding-right: 0;
 }