diff --git a/apps/admin-x-settings/src/components/settings/growth/offers/AddOfferModal.tsx b/apps/admin-x-settings/src/components/settings/growth/offers/AddOfferModal.tsx
index 0581e8fc57..70cb6ad3e3 100644
--- a/apps/admin-x-settings/src/components/settings/growth/offers/AddOfferModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/growth/offers/AddOfferModal.tsx
@@ -663,6 +663,7 @@ const AddOfferModal = () => {
         okColor={okProps.color}
         okLabel='Publish'
         preview={iframe}
+        previewToolbar={false}
         sidebar={sidebar}
         size='lg'
         testId='add-offer-modal'
diff --git a/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx b/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
index 225413c185..cbd8317b2c 100644
--- a/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
@@ -262,6 +262,7 @@ const EditOfferModal: React.FC<{id: string}> = ({id}) => {
         okColor={okProps.color}
         okLabel={okProps.label || 'Save'}
         preview={iframe}
+        previewToolbar={false}
         sidebar={sidebar}
         size='lg'
         testId='offer-update-modal'
diff --git a/apps/portal/src/components/Frame.styles.js b/apps/portal/src/components/Frame.styles.js
index 7dd7cb06ea..b5c6b661f4 100644
--- a/apps/portal/src/components/Frame.styles.js
+++ b/apps/portal/src/components/Frame.styles.js
@@ -362,8 +362,21 @@ const FrameStyles = `
     animation: none !important;
 }
 
+.gh-portal-popup-wrapper.preview.offer {
+    padding-top: 0;
+}
+
 .gh-portal-popup-container.preview.offer {
     max-width: 420px;
+    transform: scale(0.9);
+    margin-top: 3.2vw;
+}
+
+@media (max-width: 480px) {
+    .gh-portal-popup-container.preview.offer {
+        transform-origin: top;
+        margin-top: 0;
+    }
 }
 
 @keyframes popup {