From 37f2f1330bfd62b0a0c7414c423d907c22d4ee48 Mon Sep 17 00:00:00 2001
From: Jenny <32821331+jenny-s51@users.noreply.github.com>
Date: Thu, 16 Jan 2025 11:40:19 -0500
Subject: [PATCH] Fix navbar and page spacing

Signed-off-by: Jenny <32821331+jenny-s51@users.noreply.github.com>

update margin-top to 24px
---
 clients/ui/frontend/src/app/App.tsx                 | 5 ++++-
 clients/ui/frontend/src/shared/style/MUI-theme.scss | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/clients/ui/frontend/src/app/App.tsx b/clients/ui/frontend/src/app/App.tsx
index 9dd18f386..7e2d64f23 100644
--- a/clients/ui/frontend/src/app/App.tsx
+++ b/clients/ui/frontend/src/app/App.tsx
@@ -7,6 +7,7 @@ import {
   Button,
   Page,
   PageSection,
+  PageSidebar,
   Spinner,
   Stack,
   StackItem,
@@ -96,6 +97,8 @@ const App: React.FC = () => {
     );
   }
 
+  const sidebar = <PageSidebar isSidebarOpen={false} />;
+
   // Waiting on the API to finish
   const loading =
     !configLoaded || !userSettings || !configSettings || !contextValue || !namespacesLoaded;
@@ -121,7 +124,7 @@ const App: React.FC = () => {
           )
         }
         isManagedSidebar={isStandalone()}
-        sidebar={isStandalone() ? <NavSidebar /> : ''}
+        sidebar={isStandalone() ? <NavSidebar /> : sidebar}
       >
         <ModelRegistrySelectorContextProvider>
           <AppRoutes />
diff --git a/clients/ui/frontend/src/shared/style/MUI-theme.scss b/clients/ui/frontend/src/shared/style/MUI-theme.scss
index 5596c0c25..ac651aeea 100644
--- a/clients/ui/frontend/src/shared/style/MUI-theme.scss
+++ b/clients/ui/frontend/src/shared/style/MUI-theme.scss
@@ -59,7 +59,7 @@
   --kf-central-primary-background-color: #0a3b71;
   --kf-central-sidebar-default-color: #ffffff90;
   --kf-central-app-drawer-width: 240px;
-  --kf-central-app-bar-height: 64px;
+  --kf-central-app-bar-height: 24px;
 
   // Table
   --mui-table__button--BackgroundColor: none;