diff --git a/src/layout/header.tsx b/src/layout/header.tsx
index cae380d..008915d 100644
--- a/src/layout/header.tsx
+++ b/src/layout/header.tsx
@@ -383,7 +383,10 @@ const RegisterButtonWithDialog = () => {
                         extension. Here's a quick video guide, and here's a <a
                           href='https://video.nostr.build/765aa9bf16dd58bca701efee2572f7e77f29b2787cddd2bee8bbbdea35798153.mp4'
                           target='blank_'>guide post</a> to help with this process.</p>
-                      <div><video controls><source src="https://video.nostr.build/765aa9bf16dd58bca701efee2572f7e77f29b2787cddd2bee8bbbdea35798153.mp4" type="video/mp4" />Your browser does not support the video tag.</video></div>
+                      <div style={{ width: '100%', height: 'auto', borderRadius: '8px', overflow: 'hidden' }}>
+                        <video controls style={{ width: '100%' }}><source src="https://video.nostr.build/765aa9bf16dd58bca701efee2572f7e77f29b2787cddd2bee8bbbdea35798153.mp4" type="video/mp4" />
+                        Your browser does not support the video tag.</video>
+                      </div>
                     </div>
                     <a
                       className='btn btnMain btnMainPopup'