diff --git a/data/theme/gnome-shell-sass/widgets/_osd.scss b/data/theme/gnome-shell-sass/widgets/_osd.scss
index 85ce2d5f2..f85124c71 100644
--- a/data/theme/gnome-shell-sass/widgets/_osd.scss
+++ b/data/theme/gnome-shell-sass/widgets/_osd.scss
@@ -1,21 +1,29 @@
 /* OSD */
+
+$osd_levelbar_height:8px;
+
 .osd-window {
   @extend %osd_panel;
   text-align: center;
   font-weight: bold;
-  spacing: 1em;
-  margin: 32px;
+  spacing: $base_spacing * 2; // 12px
+  margin: $base_margin * 8; // 32px
   min-width: 64px;
   min-height: 64px;
 
+  StIcon {
+    icon-size:$base_icon_size * 6;
+  }
+
   .osd-monitor-label { font-size: 3em; }
+  
   .level {
-    height: 0.6em;
-    -barlevel-height: 0.6em;
-    -barlevel-background-color: transparentize($fg_color, if($variant=='light', 0.2, 0.9));
+    height: $osd_levelbar_height;
+    -barlevel-height: $osd_levelbar_height;
+    -barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9));
     -barlevel-active-background-color: $osd_fg_color;
     -barlevel-overdrive-color: $destructive_color;
-    -barlevel-overdrive-separator-width: 0.2em;
+    -barlevel-overdrive-separator-width: 3px;
   }
 }