From 89fcebd079ef3a848df7130a2e2f63f6bc8061d3 Mon Sep 17 00:00:00 2001
From: Ashley Stanton-Nurse <ashleyst@microsoft.com>
Date: Wed, 4 Dec 2024 14:39:32 -0800
Subject: [PATCH] fix tab wrapping with a lil' css tweak (#2013)

---
 less/documentDB.less | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/less/documentDB.less b/less/documentDB.less
index acce65d6a..a9f7c8e8c 100644
--- a/less/documentDB.less
+++ b/less/documentDB.less
@@ -1906,13 +1906,20 @@ input::-webkit-calendar-picker-indicator::after {
 }
 
 .nav-tabs-margin {
-  height: 32px;
   background-color: #f2f2f2;
 
   .nav-tabs {
     display: flex;
+    flex-wrap: wrap;
     align-items: flex-end;
     height: 100%;
+    margin-bottom: -0.5px;
+
+    li {
+      // Override the bootstrap defaults here to align with our layout constants.
+      margin-bottom: 0px;
+      height: 32px;
+    }
   }
 }