diff --git a/src/app/navbar/navbar.component.scss b/src/app/navbar/navbar.component.scss
index b74408f0f5..bbf5feec15 100644
--- a/src/app/navbar/navbar.component.scss
+++ b/src/app/navbar/navbar.component.scss
@@ -10,7 +10,7 @@
   /** Mobile menu styling **/
   @media screen and (max-width: map-get($grid-breakpoints, md)-0.02) {
     .navbar {
-      width: 100%;
+      width: 100vw;
       background-color: var(--bs-white);
       position: absolute;
       overflow: hidden;