diff --git a/config/ags/js/bar/bar.js b/config/ags/js/bar/bar.js
index 2bddcd9..3f07f55 100644
--- a/config/ags/js/bar/bar.js
+++ b/config/ags/js/bar/bar.js
@@ -6,6 +6,7 @@ import { Workspaces }     from './workspaces.js';
 import { OskToggle }      from './osk-toggle.js';
 import { Heart }          from './heart.js';
 import { TabletToggle }   from './tablet-toggle.js';
+import { QsToggle }       from './quick-settings.js';
 
 export const Bar = Window({
   name: 'left-bar',
@@ -16,7 +17,7 @@ export const Bar = Window({
   child: CenterBox({
     className: 'transparent',
     halign: 'fill',
-    style: 'margin-top: 5px; margin-left: 5px;',
+    style: 'margin-top: 5px; margin-left: 5px; margin-right: 5px',
     vertical: false,
     
     children: [
@@ -49,7 +50,9 @@ export const Bar = Window({
       // Right
       Box({
         halign: 'end',
-        children: [],
+        children: [
+          QsToggle,
+        ],
       }),
     ],
   }),
diff --git a/config/ags/scss/widgets/traybuttons.scss b/config/ags/scss/widgets/traybuttons.scss
index 6d7305b..6e70d52 100644
--- a/config/ags/scss/widgets/traybuttons.scss
+++ b/config/ags/scss/widgets/traybuttons.scss
@@ -35,7 +35,8 @@
   font-size: 24px;
   min-height: 40px;
   min-width: 40px;
-  padding: 0px 0px 0px 0px;
+  padding-right: 4px;
+  margin-left: -3px;
 }
 
 .toggle-off {
diff --git a/config/ags/style.css b/config/ags/style.css
index 5a31237..ecec488 100644
--- a/config/ags/style.css
+++ b/config/ags/style.css
@@ -70,7 +70,8 @@
   font-size: 24px;
   min-height: 40px;
   min-width: 40px;
-  padding: 0px 0px 0px 0px; }
+  padding-right: 4px;
+  margin-left: -3px; }
 
 .toggle-off {
   background-color: rgba(40, 42, 54, 0.8);