diff --git a/scss/popdowns/bluetoothdevices.scss b/scss/popdowns/bluetoothdevices.scss
index e426b27b..d68ec116 100644
--- a/scss/popdowns/bluetoothdevices.scss
+++ b/scss/popdowns/bluetoothdevices.scss
@@ -38,6 +38,10 @@ $-accent: scheme.$rosewater;
                     background-color: scheme.$surface1;
                 }
             }
+
+            &.active {
+                color: $-accent;
+            }
         }
     }
 }
diff --git a/scss/popdowns/networks.scss b/scss/popdowns/networks.scss
index 0eb4bed5..870179c1 100644
--- a/scss/popdowns/networks.scss
+++ b/scss/popdowns/networks.scss
@@ -38,6 +38,10 @@ $-accent: scheme.$rosewater;
                     background-color: scheme.$surface1;
                 }
             }
+
+            &.active {
+                color: $-accent;
+            }
         }
     }
 }
diff --git a/src/modules/popdowns/bluetoothdevices.tsx b/src/modules/popdowns/bluetoothdevices.tsx
index 7ba421c3..c71d981c 100644
--- a/src/modules/popdowns/bluetoothdevices.tsx
+++ b/src/modules/popdowns/bluetoothdevices.tsx
@@ -4,7 +4,7 @@ import AstalBluetooth from "gi://AstalBluetooth";
 import PopdownWindow from "../../widgets/popdownwindow";
 
 const BluetoothDevice = (device: AstalBluetooth.Device) => (
-    <box className="device">
+    <box className={bind(device, "connected").as(c => `device ${c ? "active" : ""}`)}>
         <icon
             className="icon"
             icon={bind(device, "icon").as(i =>
diff --git a/src/modules/popdowns/networks.tsx b/src/modules/popdowns/networks.tsx
index 0e9fe2fe..18a38d3c 100644
--- a/src/modules/popdowns/networks.tsx
+++ b/src/modules/popdowns/networks.tsx
@@ -4,7 +4,11 @@ import AstalNetwork from "gi://AstalNetwork";
 import PopdownWindow from "../../widgets/popdownwindow";
 
 const Network = (accessPoint: AstalNetwork.AccessPoint) => (
-    <box className="network">
+    <box
+        className={bind(AstalNetwork.get_default().wifi, "activeAccessPoint").as(
+            a => `network ${a === accessPoint ? "active" : ""}`
+        )}
+    >
         <icon className="icon" icon={bind(accessPoint, "iconName")} />
         <label
             truncate