diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 338f387..b70f67e 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -8398,10 +8398,10 @@
     --uc-urlView-row-bottom: 2px;
     --uc-urlView-margin: calc(var(--uc-sidebar-activate-width, 18rem) + var(--toolbarbutton-inner-padding));
     position: fixed !important;
-    left: 50%;
+    left: 50vw;
     transform: translateX(-50%);
     top: 12vh !important;
-    width: calc(100% - (var(--uc-urlView-margin) + var(--toolbarbutton-inner-padding))) !important;
+    width: calc(100vw - (var(--uc-urlView-margin) + var(--toolbarbutton-inner-padding))) !important;
     /* paddding as margin */
     /* background */
     background-color: var(--toolbar-field-focus-background-color) !important;
diff --git a/src/urlview/_as_launcher.scss b/src/urlview/_as_launcher.scss
index 59786f4..5fe9542 100644
--- a/src/urlview/_as_launcher.scss
+++ b/src/urlview/_as_launcher.scss
@@ -49,10 +49,10 @@ $_urlRowPadding: 2px; //.urlbarView-row
   --uc-urlView-margin: calc(var(--uc-sidebar-activate-width, 18rem) + var(--toolbarbutton-inner-padding));
 
   position: fixed !important;
-  left: 50%;
+  left: 50vw;
   transform: translateX(-50%);
   top: 12vh !important;
-  width: calc(100% - (var(--uc-urlView-margin) + var(--toolbarbutton-inner-padding))) !important;
+  width: calc(100vw - (var(--uc-urlView-margin) + var(--toolbarbutton-inner-padding))) !important;
 
   /* paddding as margin */
   @include NotOption("userChrome.urlView.full_width_padding") {