diff --git a/client/src/assets/preview-video-ad.jpg b/client/src/assets/preview-video-ad.jpg
new file mode 100644
index 0000000..ca1e1b9
Binary files /dev/null and b/client/src/assets/preview-video-ad.jpg differ
diff --git a/client/src/assets/preview-video-ad.png b/client/src/assets/preview-video-ad.png
deleted file mode 100644
index 5a11b8a..0000000
Binary files a/client/src/assets/preview-video-ad.png and /dev/null differ
diff --git a/client/src/pages/products/Products.tsx b/client/src/pages/products/Products.tsx
index 9f29d48..b9be07a 100644
--- a/client/src/pages/products/Products.tsx
+++ b/client/src/pages/products/Products.tsx
@@ -10,7 +10,7 @@ import PreviewCarouselAd from "../../assets/preview-carousel-ad.png";
 import PreviewCarouselGame from "../../assets/preview-carousel-game.jpg";
 
 import IconVideoAds from "../../assets/icon-video-ads.png";
-import PreviewVideoAd from "../../assets/preview-video-ad.png";
+import PreviewVideoAd from "../../assets/preview-video-ad.jpg";
 import PreviewVideoGame from "../../assets/preview-video-game.jpg";
 
 import IconGameController from "../../assets/icon-game-controller.png";
diff --git a/client/src/pages/products/ad-action/AdAction.module.css b/client/src/pages/products/ad-action/AdAction.module.css
index 23b4d6a..e87250e 100644
--- a/client/src/pages/products/ad-action/AdAction.module.css
+++ b/client/src/pages/products/ad-action/AdAction.module.css
@@ -1,5 +1,6 @@
 .closeButton {
   z-index: 10;
+  align-self: flex-end;
   border: 1px solid var(--bolt-border-primary);
   border-radius: 100vh;
   background: var(--bolt-surface-primary);
@@ -29,6 +30,9 @@
   height: 100%;
   border: none;
   display: block;
+}
+
+.iframeCheckout {
   background-color: var(--bolt-surface-primary);
 }
 
diff --git a/client/src/pages/products/ad-action/AdAction.tsx b/client/src/pages/products/ad-action/AdAction.tsx
index 5ce52b8..77a4d3a 100644
--- a/client/src/pages/products/ad-action/AdAction.tsx
+++ b/client/src/pages/products/ad-action/AdAction.tsx
@@ -92,7 +92,7 @@ export function AdAction({ url, label }: AdActionProps) {
           ref={iframeRef}
           src={url}
           className={localStyles.iframe}
-          sandbox="allow-scripts allow-same-origin allow-forms"
+          sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
           allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
           title={label}
         />
diff --git a/client/src/pages/products/ad-action/CheckoutAction.tsx b/client/src/pages/products/ad-action/CheckoutAction.tsx
index 55a846c..7ca6f4d 100644
--- a/client/src/pages/products/ad-action/CheckoutAction.tsx
+++ b/client/src/pages/products/ad-action/CheckoutAction.tsx
@@ -90,7 +90,7 @@ export function CheckoutAction({ label }: AdActionProps) {
         {isModalOpen && (
           <iframe
             src={paymentUrl}
-            className={localStyles.iframe}
+            className={`${localStyles.iframe} ${localStyles.iframeCheckout}`}
             sandbox="allow-scripts allow-same-origin allow-forms"
             allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
             title={label}
diff --git a/client/src/pages/products/ad-action/global-modal.module.css b/client/src/pages/products/ad-action/global-modal.module.css
index e6cf72d..d02251b 100644
--- a/client/src/pages/products/ad-action/global-modal.module.css
+++ b/client/src/pages/products/ad-action/global-modal.module.css
@@ -3,7 +3,7 @@
 .globalModal {
   background: transparent;
   border-width: 0;
-  box-sizing: content-box;
+  box-sizing: border-box;
   flex-direction: column;
   max-height: 100dvh; /* override dialog defaults */
   max-width: 100dvw; /* override dialog defaults */
@@ -21,7 +21,7 @@
 
 .globalModal[open] {
   display: flex;
-  align-items: flex-end;
+  align-items: stretch;
   gap: var(--bolt-space-4);
 }