diff --git a/client/src/modules/ui/components/bdbutton.vue b/client/src/modules/ui/components/bdbutton.vue
index e1b5cab9..d2bfc1a9 100644
--- a/client/src/modules/ui/components/bdbutton.vue
+++ b/client/src/modules/ui/components/bdbutton.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bd-settings-wrapper">
+    <div :class="['bd-settings-wrapper', 'platform-' + this.platform]">
         <div class="bd-settings-button" :class="{active: this.isActive}" @click="showSettings">
             <div class="bd-settings-button-btn"></div>
         </div>
@@ -14,7 +14,8 @@
         },
         data() {
             return {
-                isActive: false
+                isActive: false,
+                platform: global.process.platform
             }
         },
         methods: {
@@ -29,4 +30,4 @@
             }
         }
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/client/src/styles/partials/bdsettings.scss b/client/src/styles/partials/bdsettings.scss
index 25b91d7e..977d261f 100644
--- a/client/src/styles/partials/bdsettings.scss
+++ b/client/src/styles/partials/bdsettings.scss
@@ -70,6 +70,18 @@
     &.active {
         width: 900px;
     }
+
+    .platform-darwin & {
+        top: 0px;
+
+        .bd-sidebar-view .bd-sidebar-region,
+        .bd-sidebar-view .bd-content-region {
+            padding-top: 22px;
+        }
+        .bd-settings-x {
+            top: 22px;
+        }
+    }
 }
 
 .bd-settings.active {