diff --git a/custom-browser-pane-margin-and-rounding.css b/custom-browser-pane-margin-and-rounding.css
index fc31147..ebb42ce 100644
--- a/custom-browser-pane-margin-and-rounding.css
+++ b/custom-browser-pane-margin-and-rounding.css
@@ -1,7 +1,7 @@
 /* Add slight margin, rounding and outline to Browser pane */
 #tabbrowser-tabbox browser {
    --border-size: 0.5px;
-   --margin-size-top-left: 2px;
+   --margin-size-top-left: 4px;
    --margin-size-bottom-right: 6px;
    --rounding-size: 8px;
 
diff --git a/toolbox-hover-reveal.css b/toolbox-hover-reveal.css
index 763480f..1422d04 100644
--- a/toolbox-hover-reveal.css
+++ b/toolbox-hover-reveal.css
@@ -1,7 +1,8 @@
 #navigator-toolbox {
     opacity: 0;
-    margin-top: -32px;
+    margin-top: -38px;
     
+    z-index: 6 !important;
     
     position: relative;
     top: 0px;
@@ -10,14 +11,14 @@
 
     & * {
         opacity: 0;
+        transition: opacity 0.25s !important;
     }
 }
 
 #navigator-toolbox:hover, #navigator-toolbox:active, #navigator-toolbox:focus, #navigator-toolbox:focus-within {
     opacity: 1;
-    top: 32px;
+    top: 38px;
 
-    z-index: 6 !important;
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
 
     & * {