diff --git a/src/styles/common.scss b/src/styles/common.scss
index 7fd59645..30f262ff 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -1216,14 +1216,17 @@ html[data-theme="transparent"] .app-card-colorful,
       transform 0.12s ease;
   }
 
-  .compact-fab-stack:has(> :nth-child(2)) > :last-child .v-btn {
-    opacity: 0.78;
-  }
-
   .compact-fab-stack:has(> :nth-child(2)):not(:hover):not(:focus-within) > :last-child .v-icon {
     opacity: 0;
   }
 
+  .compact-fab-stack:has(> :nth-child(2)):not(:hover):not(:focus-within) > :last-child .v-btn {
+    border-color: rgba(var(--v-theme-primary), 0.28);
+    background-color: rgba(var(--v-theme-primary), 0.18) !important;
+    box-shadow: var(--app-fab-shadow-strong);
+    color: rgb(var(--v-theme-primary)) !important;
+  }
+
   .compact-fab-stack:has(> :nth-child(2)):not(:hover):not(:focus-within) > :last-child .v-btn__content {
     position: relative;
   }
@@ -1263,11 +1266,6 @@ html[data-theme="transparent"] .app-card-colorful,
     transform: translateY(0);
   }
 
-  .compact-fab-stack:has(> :nth-child(2)):hover > :last-child .v-btn,
-  .compact-fab-stack:has(> :nth-child(2)):focus-within > :last-child .v-btn {
-    opacity: 0.98;
-  }
-
   .compact-fab-stack > :nth-last-child(2) {
     --compact-fab-order: 1;
   }