diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_full_width.css
index 494762b..4124083 100644
--- a/chrome/urlbar_full_width.css
+++ b/chrome/urlbar_full_width.css
@@ -22,12 +22,16 @@
   left: 0 !important;
   width: 100vw !important;
   border-width: 1px 0;
-  top: var(--urlbar-height);
-  background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8));
+  top: var(--urlbar-toolbar-height);
+  background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,50%,.8));
   backdrop-filter: blur(28px);
   z-index: 4;
   box-shadow: 0 1px 4px rgba(0,0,0,.05);
 }
 
 #urlbar.megabar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; }
-#urlbar.megabar > #urlbar-background{ display: none !important; }
\ No newline at end of file
+#urlbar.megabar > #urlbar-background{ display: none !important; }
+
+/* This may seem pretty weird, but it gets around an issue where the height of urlbar may suddenly change when one starts typing into it */
+/* If you are otherwise modifying the urlbar height then you might need to modify the height of this too */
+#urlbar.megabar > #urlbar-input-container::before{ content: ""; display: -moz-box; height: 24px; }
\ No newline at end of file