diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.scss
index 32b84b6..fe23479 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.scss
@@ -43,7 +43,7 @@
     object-position: top;
 
     height: 100%;
-    max-width: var(--container-max-width);
+    max-width: calc(var(--container-max-width) / var(--hero-video-scale));
   }
 }
 
@@ -69,6 +69,9 @@
     video {
       width: 100%;
       transform: scale(var(--hero-video-scale-mobile));
+      max-width: calc(
+        var(--container-max-width) / var(--hero-video-scale-mobile)
+      );
     }
   }
 }
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx
index 7ddd2ec..91d18b8 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx
@@ -69,9 +69,9 @@ export const HeroVideo: React.FC<HeroVideoProps> = ({
         style={makeStyle(
           { ...style },
           {
-            'hero-video-scale': desktop?.scale ?? '151.5%',
+            'hero-video-scale': desktop?.scale ?? '1.515',
             'hero-video-offset-y': desktop?.offsetY ?? '-120px',
-            'hero-video-scale-mobile': mobile?.scale ?? '140%',
+            'hero-video-scale-mobile': mobile?.scale ?? '1.40',
             'hero-video-offset-y-mobile': mobile?.offsetY ?? '-10%',
           },
         )}