From d29d4ba527e4a4eb17ddf37fe5dfe04d0e979a69 Mon Sep 17 00:00:00 2001
From: Siddhant <siddhant@MacBook-Pro-457.local>
Date: Tue, 7 Apr 2026 14:06:41 +0530
Subject: [PATCH 1/2] fix(ui): stop marketplace sidebar padding shift at 1023px

The core NavList uses `tw:px-2 tw:lg:px-4`, causing an 8px horizontal
jump as the viewport crosses Tailwind's lg (1024px) breakpoint. Override
the padding from the marketplace Sidebar consumer with a constant
`tw:px-4` so nav items stay put on resize.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../ui/src/components/Sidebar/Sidebar.component.tsx       | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Sidebar/Sidebar.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Sidebar/Sidebar.component.tsx
index 17aecaaa70e8..214f78738c0b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Sidebar/Sidebar.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Sidebar/Sidebar.component.tsx
@@ -109,14 +109,18 @@ const Sidebar = ({ className }: SidebarProps) => {
       </div>
 
       <div className="app-sidebar-link tw:flex tw:flex-col tw:flex-1 tw:overflow-y-auto">
-        <NavList activeUrl={activeUrl} items={config.items} />
+        <NavList
+          activeUrl={activeUrl}
+          className="tw:px-4"
+          items={config.items}
+        />
 
         {config.bottomItems && (
           <>
             <div className="tw:flex-1" />
             <NavList
               activeUrl={activeUrl}
-              className="tw:pb-4"
+              className="tw:px-4 tw:pb-4"
               items={config.bottomItems}
             />
           </>

From 13fc7a00b226e35ba64282c69105ac053a24d1ad Mon Sep 17 00:00:00 2001
From: Siddhant <siddhant@MacBook-Pro-457.local>
Date: Tue, 7 Apr 2026 14:16:20 +0530
Subject: [PATCH 2/2] fix(ui): cap expanded sidebar brand logo at 150px

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../resources/ui/src/components/Sidebar/Sidebar.component.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Sidebar/Sidebar.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Sidebar/Sidebar.component.tsx
index 214f78738c0b..6366ebf5dba8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Sidebar/Sidebar.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Sidebar/Sidebar.component.tsx
@@ -99,7 +99,7 @@ const Sidebar = ({ className }: SidebarProps) => {
             />
           ) : (
             <BrandImage
-              className="tw:h-10 tw:w-auto"
+              className="tw:h-10 tw:w-auto tw:max-w-[150px]"
               dataTestId="image"
               height={40}
               width="auto"