From 63d4b4f4ef4ce641f2d925316f2bb058e22c39c2 Mon Sep 17 00:00:00 2001
From: Laurent Nguyen <laurent.nguyen@microsoft.com>
Date: Mon, 17 Mar 2025 11:51:59 +0100
Subject: [PATCH] fix tab wrapping with a lil' css tweak (#2013) (#2076)

Co-authored-by: Ashley Stanton-Nurse <ashleyst@microsoft.com>
---
 less/documentDB.less | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/less/documentDB.less b/less/documentDB.less
index b397b6ef5..dc59733fe 100644
--- a/less/documentDB.less
+++ b/less/documentDB.less
@@ -1914,13 +1914,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;
+    }
   }
 }