diff --git a/src/client/theme-default/components/ToggleSideBarButton.vue b/src/client/theme-default/components/ToggleSideBarButton.vue
index d3d1dd1b..1e6e2ee6 100644
--- a/src/client/theme-default/components/ToggleSideBarButton.vue
+++ b/src/client/theme-default/components/ToggleSideBarButton.vue
@@ -25,14 +25,14 @@ export default {
 
 <style>
 .sidebar-button {
-  cursor: pointer;
-  display: none;
-  width: 1.25rem;
-  height: 1.25rem;
   position: absolute;
-  top: 1.25rem;
+  top: 0.6rem;
   left: 1rem;
+  display: none;
+  padding: 0.6rem;
+  cursor: pointer;
 }
+
 .sidebar-button .icon {
   display: block;
   width: 1.25rem;
@@ -44,4 +44,4 @@ export default {
     display: block;
   }
 }
-</style>
\ No newline at end of file
+</style>