From 96733925d69c8752a74792b43a52c82c9b6cc675 Mon Sep 17 00:00:00 2001
From: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com>
Date: Fri, 17 Oct 2025 09:41:47 -0400
Subject: [PATCH] Fix new bug preventing required indicator from being
 targetable (#1616)

---
 packages/webawesome/src/styles/component/form-control.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/webawesome/src/styles/component/form-control.css b/packages/webawesome/src/styles/component/form-control.css
index 21df8803e..f9e1efb77 100644
--- a/packages/webawesome/src/styles/component/form-control.css
+++ b/packages/webawesome/src/styles/component/form-control.css
@@ -5,14 +5,14 @@
 
 /* Label */
 :is([part~='form-control-label'], [part~='label']):has(*:not(:empty)) {
-  display: inline-block;
+  display: inline-flex;
   color: var(--wa-form-control-label-color);
   font-weight: var(--wa-form-control-label-font-weight);
   line-height: var(--wa-form-control-label-line-height);
   margin-block-end: 0.5em;
 }
 
-:host([required]) slot:is([name='label'], [part='label'])::after {
+:host([required]) :is([part~='form-control-label'], [part~='label'])::after {
   content: var(--wa-form-control-required-content);
   margin-inline-start: var(--wa-form-control-required-content-offset);
   color: var(--wa-form-control-required-content-color);