diff --git a/src/headerbarBase.js b/src/headerbarBase.js
index a4ccd9e8..cf9a142b 100644
--- a/src/headerbarBase.js
+++ b/src/headerbarBase.js
@@ -44,6 +44,7 @@ class ClapperHeaderBarBase extends Gtk.Box
         const mainMenuPopover = new HeaderBarPopover(mainMenuModel);
         mainMenuPopover.add_css_class('menupopover');
         this.menuButton.set_popover(mainMenuPopover);
+        this.menuButton.add_css_class('osd');
         this.menuButton.add_css_class('circular');
         this.menuWidget.append(this.menuButton);
 
@@ -57,6 +58,7 @@ class ClapperHeaderBarBase extends Gtk.Box
             icon_name: 'go-bottom-symbolic',
             can_focus: false,
         });
+        floatButton.add_css_class('osd');
         floatButton.add_css_class('circular');
         floatButton.add_css_class('linkedleft');
         floatButton.connect('clicked',
@@ -74,6 +76,7 @@ class ClapperHeaderBarBase extends Gtk.Box
             icon_name: 'view-fullscreen-symbolic',
             can_focus: false,
         });
+        fullscreenButton.add_css_class('osd');
         fullscreenButton.add_css_class('circular');
         fullscreenButton.add_css_class('linkedright');
         fullscreenButton.connect('clicked',
@@ -202,6 +205,7 @@ class ClapperHeaderBarBase extends Gtk.Box
             valign: Gtk.Align.CENTER,
             can_focus: false,
         });
+        button.add_css_class('osd');
         button.add_css_class('circular');
 
         if(name === 'maximize')