diff --git a/packages/logos-docusaurus-theme/src/client/containers/LightBox/LightBox.tsx b/packages/logos-docusaurus-theme/src/client/containers/LightBox/LightBox.tsx
index 652e812..4d194bd 100644
--- a/packages/logos-docusaurus-theme/src/client/containers/LightBox/LightBox.tsx
+++ b/packages/logos-docusaurus-theme/src/client/containers/LightBox/LightBox.tsx
@@ -100,7 +100,9 @@ export const LightBoxProvider: React.FC<React.PropsWithChildren<{}>> = ({
               className={clsx(styles.backdrop, active && styles.visible)}
             ></div>
             <div className={clsx(styles.navWrapper, active && styles.visible)}>
-              <nav className={clsx(styles.nav, active && styles.visible)}>
+              <nav
+                className={clsx(styles.nav, 'navbar', active && styles.visible)}
+              >
                 <NavbarLogo />
                 <IconButton size="medium" onClick={close}>
                   <IconFullscreenExit />
diff --git a/packages/logos-docusaurus-theme/src/client/containers/LightBox/styles.module.scss b/packages/logos-docusaurus-theme/src/client/containers/LightBox/styles.module.scss
index f6cae59..9450104 100644
--- a/packages/logos-docusaurus-theme/src/client/containers/LightBox/styles.module.scss
+++ b/packages/logos-docusaurus-theme/src/client/containers/LightBox/styles.module.scss
@@ -16,7 +16,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  width: 100vw;
+  width: 100%;
   height: 100%;
   background: transparent;
   z-index: 203;
@@ -91,4 +91,8 @@
   .wrapper > div {
     overflow: visible !important;
   }
+
+  .nav {
+    height: 56px;
+  }
 }