diff --git a/app/frontend/src/App.svelte b/app/frontend/src/App.svelte
index 9c66e186..030f4759 100644
--- a/app/frontend/src/App.svelte
+++ b/app/frontend/src/App.svelte
@@ -110,6 +110,10 @@
     align-items: start;
   }
 
+  .ready .sidebar {
+    opacity: 1;
+  }
+
   .app.blurred .sidebar {
     opacity: 0.4;
   }
@@ -123,14 +127,10 @@
     opacity: 0.25;
   }
 
-  .ready .sidebar {
-    opacity: 1;
-  }
-
   .drag {
     --wails-draggable:drag;
-    z-index: 99999999;
 
+    z-index: 99999999;
     height: 40px;
     position: fixed;
     top: 0;
diff --git a/app/frontend/src/components/SidebarItem.svelte b/app/frontend/src/components/SidebarItem.svelte
index 41c03837..7f6db521 100644
--- a/app/frontend/src/components/SidebarItem.svelte
+++ b/app/frontend/src/components/SidebarItem.svelte
@@ -50,7 +50,7 @@ function handleClick (): void {
   }
 
   :global(.blurred) button.selected {
-    background-color: rgba(255, 255, 255, 0.3);
+    background-color: rgb(255 255 255 / 30%);
   }
 
   .icon {