diff --git a/modules/menus/energy/brightness/index.js b/modules/menus/energy/brightness/index.js
index 600025d..a9b6c84 100644
--- a/modules/menus/energy/brightness/index.js
+++ b/modules/menus/energy/brightness/index.js
@@ -25,10 +25,14 @@ const Brightness = () => {
           class_name: "brightness-container",
           children: [
             Widget.Icon({
+              vexpand: true,
+              vpack: "center",
               class_name: "brightness-slider-icon",
               icon: icons.brightness.screen,
             }),
             Widget.Slider({
+              vpack: "center",
+              vexpand: true,
               value: brightness.bind("screen_value"),
               class_name: "menu-active-slider menu-slider brightness",
               draw_value: false,
@@ -38,6 +42,8 @@ const Brightness = () => {
               onChange: ({ value }) => (brightness.screen_value = value),
             }),
             Widget.Label({
+              vpack: "center",
+              vexpand: true,
               class_name: "brightness-slider-label",
               label: brightness
                 .bind("screen_value")
diff --git a/scss/menus/energy.scss b/scss/menus/energy.scss
index 94e8339..6caf675 100644
--- a/scss/menus/energy.scss
+++ b/scss/menus/energy.scss
@@ -44,4 +44,17 @@
     .brightness-container {
         padding-bottom: 1em;
     }
+
+    .brightness-slider-icon {
+        font-size: 1.4em;
+        min-width: 1em;
+        min-height: 1em;
+    }
+
+    .brightness-slider-label {
+        font-size: 0.9em;
+        min-width: 2.5em;
+        font-weight: bold;
+        margin-bottom: 0.2em;
+    }
 }