diff --git a/Modules/TopBar/FocusedApp.qml b/Modules/TopBar/FocusedApp.qml
index 1ee7a73d..19eb11c3 100644
--- a/Modules/TopBar/FocusedApp.qml
+++ b/Modules/TopBar/FocusedApp.qml
@@ -15,6 +15,10 @@ Rectangle {
     height: 30
     radius: Theme.cornerRadius
     color: {
+        // Only show background when there's content to display
+        if (!FocusedWindowService.focusedAppName && !FocusedWindowService.focusedWindowTitle) {
+            return "transparent";
+        }
         const baseColor = mouseArea.containsMouse ? Theme.primaryHover : Theme.surfaceTextHover;
         return Qt.rgba(baseColor.r, baseColor.g, baseColor.b, baseColor.a * Theme.widgetTransparency);
     }
diff --git a/Modules/TopBar/SystemTrayBar.qml b/Modules/TopBar/SystemTrayBar.qml
index 3f6c12ea..7597d747 100644
--- a/Modules/TopBar/SystemTrayBar.qml
+++ b/Modules/TopBar/SystemTrayBar.qml
@@ -11,6 +11,10 @@ Rectangle {
     height: 30
     radius: Theme.cornerRadius
     color: {
+        // Only show background when there are system tray items to display
+        if (systemTrayRow.children.length === 0) {
+            return "transparent";
+        }
         const baseColor = Theme.secondaryHover;
         return Qt.rgba(baseColor.r, baseColor.g, baseColor.b, baseColor.a * Theme.widgetTransparency);
     }