diff --git a/ghost/admin/app/styles/layouts/offers.css b/ghost/admin/app/styles/layouts/offers.css
index 919c902cd0..fdc04928fd 100644
--- a/ghost/admin/app/styles/layouts/offers.css
+++ b/ghost/admin/app/styles/layouts/offers.css
@@ -239,3 +239,23 @@
     margin-left: 0;
     margin-right: 6px;
 }
+
+@media (max-width: 1280px) {
+    .gh-offer-portal-preview {
+        display: none;
+    }
+
+    .gh-offer.circle-bg::before {
+        display: none;
+    }
+
+    .gh-offer.circle-bg .gh-canvas-header {
+        background: var(--main-bg-color);
+        position: sticky;
+    }
+
+    .gh-offer .gh-main-layout.content-preview {
+        display: flex;
+        flex-direction: column;
+    }
+}
\ No newline at end of file
diff --git a/ghost/admin/app/templates/offer.hbs b/ghost/admin/app/templates/offer.hbs
index 10b7654715..8b38a79fea 100644
--- a/ghost/admin/app/templates/offer.hbs
+++ b/ghost/admin/app/templates/offer.hbs
@@ -1,4 +1,4 @@
-<section class="gh-canvas circle-bg" {{did-insert this.setup}}>
+<section class="gh-canvas gh-offer circle-bg" {{did-insert this.setup}}>
     <GhCanvasHeader class="gh-canvas-header">
         <h2 class="gh-canvas-title" data-test-screen-title>
             <LinkTo @route="offers" data-test-link="offers-back">Offers</LinkTo>
@@ -186,7 +186,7 @@
                                 </GhFormGroup>
                             </div>
                             <GhFormGroup @errors={{this.offer.errors}} @property="displayDescription">
-                                <label for="description" class="fw6">Description</label>
+                                <label for="description" class="fw6">Display description</label>
                                 <GhTextarea
                                     @id="description"
                                     @name="description"