From 40073d916ad6d59f15db415aadf6c82c329b1c41 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <65487235+sanne-san@users.noreply.github.com>
Date: Mon, 13 Jan 2025 17:27:14 +0100
Subject: [PATCH] Fixed power select trigger styles in post preview (#21997)

No issue
- The css specificity had changed due to adding `:not(gh-input-x)`,
which led to an unintended border around the free/paid dropdown in the
email preview
- The description field on the tag page had an unintended `max-width`.
---
 ghost/admin/app/styles/layouts/post-preview.css | 4 ++--
 ghost/admin/app/styles/patterns/forms.css       | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/post-preview.css b/ghost/admin/app/styles/layouts/post-preview.css
index 05135e5a22..085c4836cd 100644
--- a/ghost/admin/app/styles/layouts/post-preview.css
+++ b/ghost/admin/app/styles/layouts/post-preview.css
@@ -220,8 +220,8 @@
     grid-template-columns: 65px 1fr;
 }
 
-.gh-preview-newsletter-trigger,
-.gh-preview-newsletter-trigger:focus {
+.ember-power-select-trigger.gh-preview-newsletter-trigger,
+.ember-power-select-trigger.gh-preview-newsletter-trigger:focus {
     padding: 0;
     border: none;
     cursor: pointer;
diff --git a/ghost/admin/app/styles/patterns/forms.css b/ghost/admin/app/styles/patterns/forms.css
index 807db63e0a..922d4d4077 100644
--- a/ghost/admin/app/styles/patterns/forms.css
+++ b/ghost/admin/app/styles/patterns/forms.css
@@ -301,6 +301,7 @@ textarea {
 
 textarea.gh-input-x {
     padding-block: 8px;
+    max-width: unset;
 }
 
 .ember-power-select-multiple-trigger {