diff --git a/modules/menus/bluetooth/devices/devicelist.js b/modules/menus/bluetooth/devices/devicelist.js
index 3530de4..9627944 100644
--- a/modules/menus/bluetooth/devices/devicelist.js
+++ b/modules/menus/bluetooth/devices/devicelist.js
@@ -79,9 +79,10 @@ const devices = (bluetooth, self) => {
                   Widget.Box({
                     hexpand: true,
                     hpack: "start",
+                    class_name: "menu-button-container",
                     children: [
                       Widget.Icon({
-                        vpack: "start",
+                        vpack: "center",
                         class_name: `menu-button-icon bluetooth ${conDevNames.includes(device.address) ? "active" : ""}`,
                         icon: `${device["icon-name"]}-symbolic`,
                       }),
diff --git a/modules/menus/bluetooth/devices/index.js b/modules/menus/bluetooth/devices/index.js
index a2d7f6e..7393bd0 100644
--- a/modules/menus/bluetooth/devices/index.js
+++ b/modules/menus/bluetooth/devices/index.js
@@ -10,7 +10,6 @@ const Devices = () => {
       label(bluetooth),
       Widget.Scrollable({
         class_name: "menu-items-section",
-        // vertical: true,
         hscroll: 'never',
         vscroll: 'always',
         child: Widget.Box({
diff --git a/scss/bar/media.scss b/scss/bar/media.scss
index a5c7c9a..8de44b6 100644
--- a/scss/bar/media.scss
+++ b/scss/bar/media.scss
@@ -1,7 +1,6 @@
 @import "../colors";
 
 .media {
-  font-size: 1rem;
   color: $lavender;
 }
 
diff --git a/scss/menus/bluetooth.scss b/scss/menus/bluetooth.scss
index 7738f3b..db62ee0 100644
--- a/scss/menus/bluetooth.scss
+++ b/scss/menus/bluetooth.scss
@@ -62,7 +62,7 @@
 
         .connection-status {
             font-size: 0.9em;
-            margin-left: 1em;
+            margin-left: 1rem;
         }
     }