From a9e91077842c8789c6d6e2c729cad52587748775 Mon Sep 17 00:00:00 2001
From: Adam Cassis <adam.cassis@automattic.com>
Date: Mon, 18 May 2026 15:26:14 +0200
Subject: [PATCH] fix(web-preview): right-align toolbar close button

Use flex with flex-end so the device size and close buttons cluster
at the right edge instead of stretching across the toolbar when no
title is set (e.g. the campaigns prompt preview).
---
 packages/components/src/web-preview/style.scss | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/web-preview/style.scss b/packages/components/src/web-preview/style.scss
index 9cdb2a9f5c..49b08d3c92 100644
--- a/packages/components/src/web-preview/style.scss
+++ b/packages/components/src/web-preview/style.scss
@@ -103,10 +103,9 @@
 		}
 
 		&-right {
-			display: grid;
+			display: flex;
 			gap: 8px;
-			grid-template-columns: repeat(2, 1fr);
-			justify-self: end;
+			justify-content: flex-end;
 			margin-left: auto;
 		}
 	}