fix(modal): increase modal close button style specificity (#1776)

Author: pheggeseth

.changeset/open-plants-cheer.md

@@ -0,0 +1,5 @@
+---
+"@launchpad-ui/modal": patch
+---
+
+Increase modal close button style specificity

packages/modal/src/styles/Modal.module.css

@@ -50,6 +50,17 @@
 	flex-direction: column;
 	gap: 0.25rem;
 	padding: 1rem;
+
+	& > .headerMain {
+		display: flex;
+		gap: 0.5rem;
+		align-items: flex-start;
+
+		& > .closeButton {
+			margin-left: auto;
+			transform: translateY(-1px);
+		}
+	}
 }
 
 .title {
@@ -66,12 +77,6 @@
 	fill: var(--lp-color-brand-yellow-dark);
 }
 
-.headerMain {
-	display: flex;
-	gap: 0.5rem;
-	align-items: flex-start;
-}
-
 .headerDescription {
 	font-size: 0.875rem;
 	color: var(--lp-color-text-ui-secondary);
@@ -88,11 +93,6 @@
 	color: var(--lp-color-text-feedback-error);
 }
 
-.closeButton {
-	margin-left: auto;
-	transform: translateY(-1px);
-}
-
 .body {
 	padding: 0 1rem;
 	font-size: 0.9375rem;