diff --git a/README.md b/README.md
index 5210201..80d9ad4 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,7 @@ You can import the stylesheets with @-rule import like this:
 
 ## Important!
 
-Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules.
+Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. Additionally, the order of imported files is just as important as the order of rules within one file. 
 
 # Theme
 
diff --git a/chrome/button_effect_scale_onclick.css b/chrome/button_effect_scale_onclick.css
index cac7d3b..07eb75e 100644
--- a/chrome/button_effect_scale_onclick.css
+++ b/chrome/button_effect_scale_onclick.css
@@ -1,4 +1,7 @@
 /* Effect */
+
+:root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px }
+
 .toolbarbutton-icon,
 .menuitem-iconic .menu-iconic-icon{
   transition: transform 82ms linear !important;
@@ -14,7 +17,6 @@ toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > .
   transform: scale(0.6) !important;
 }
 
-toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon,
-#back-button:not([disabled]):active > .toolbarbutton-icon{
-  padding: calc(var(--toolbarbutton-inner-padding) + 3px) !important;
+toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{
+  padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 3px) !important;
 }
\ No newline at end of file