From 068a57c2048afb492a91d0b9ec44c07fa0400c29 Mon Sep 17 00:00:00 2001
From: Jordan Reimer <zofskeez@gmail.com>
Date: Wed, 6 Sep 2023 16:14:17 -0600
Subject: [PATCH] Form Field Tooltip Alignment (#22832)

* fixes alignment issues with form field labels that have tooltips

* adds gap to is-label to preserve tooltip spacing

* adds changelog entry
---
 changelog/22832.txt           | 3 +++
 ui/app/styles/core/label.scss | 6 +++++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 changelog/22832.txt

diff --git a/changelog/22832.txt b/changelog/22832.txt
new file mode 100644
index 0000000000..7153e7694b
--- /dev/null
+++ b/changelog/22832.txt
@@ -0,0 +1,3 @@
+```release-note:bug
+ui: Fixes form field label tooltip alignment
+```
\ No newline at end of file
diff --git a/ui/app/styles/core/label.scss b/ui/app/styles/core/label.scss
index 58e9ab7c1b..df4d72085f 100644
--- a/ui/app/styles/core/label.scss
+++ b/ui/app/styles/core/label.scss
@@ -7,9 +7,13 @@
 
 .is-label {
   color: $grey-darkest;
-  display: inline-block;
   font-size: 14px;
   font-weight: $font-weight-bold;
+  display: flex;
+  align-items: center;
+  gap: $spacing-xxs;
+  width: min-content;
+  min-width: 100%;
 
   &:not(:last-child) {
     margin-bottom: 0.25rem;