From 1c10dbf2ca76d52b1fc2a47e9c467e06e248e2d1 Mon Sep 17 00:00:00 2001
From: Zakir Jiwani <108548454+JiwaniZakir@users.noreply.github.com>
Date: Tue, 17 Mar 2026 01:23:28 +0000
Subject: [PATCH 1/2] fix: align unsaved changes badge vertically on Edit
 Feature modal tabs (#6935)

---
 frontend/web/components/modals/create-feature/index.js | 2 +-
 frontend/web/styles/components/_tabs.scss              | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/web/components/modals/create-feature/index.js b/frontend/web/components/modals/create-feature/index.js
index 6dfd04e00fce..7316ebb186ff 100644
--- a/frontend/web/components/modals/create-feature/index.js
+++ b/frontend/web/components/modals/create-feature/index.js
@@ -924,7 +924,7 @@ const Index = class extends Component {
                                       tabLabelString='Segment Overrides'
                                       tabLabel={
                                         <Row
-                                          className={`justify-content-center ${
+                                          className={`justify-content-center align-items-center ${
                                             this.state.segmentsChanged
                                               ? 'pr-1'
                                               : ''
diff --git a/frontend/web/styles/components/_tabs.scss b/frontend/web/styles/components/_tabs.scss
index aa767187f230..7828fabedaa2 100644
--- a/frontend/web/styles/components/_tabs.scss
+++ b/frontend/web/styles/components/_tabs.scss
@@ -21,13 +21,12 @@
   }
   .hljs-container {
     code {
-
       padding-top: 80px;
     }
     .react-select {
       position: absolute;
-      top:16px;
-      left:16px;
+      top: 16px;
+      left: 16px;
     }
   }
 }
@@ -115,10 +114,9 @@
   }
 }
 
-
 .tabs {
   & .pill {
-    background-color:$pill-bg;
+    background-color: $pill-bg;
     border-radius: $border-radius-xlg;
     display: inline-block;
     button,
@@ -168,6 +166,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    bottom: 0;
   }
 
   &.btn-no-focus {

From 2be3757bd4988e5f1689f6e6b38ca08b433ea553 Mon Sep 17 00:00:00 2001
From: Zakir Jiwani <108548454+JiwaniZakir@users.noreply.github.com>
Date: Tue, 17 Mar 2026 01:24:02 +0000
Subject: [PATCH 2/2] fix: remove unrelated bottom: 0 addition from .unread in
 _tabs.scss

---
 frontend/web/styles/components/_tabs.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/web/styles/components/_tabs.scss b/frontend/web/styles/components/_tabs.scss
index 7828fabedaa2..d2c2ea57aa7e 100644
--- a/frontend/web/styles/components/_tabs.scss
+++ b/frontend/web/styles/components/_tabs.scss
@@ -166,7 +166,6 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    bottom: 0;
   }
 
   &.btn-no-focus {