diff --git a/src/frontend/src/components/nav/PanelGroup.tsx b/src/frontend/src/components/nav/PanelGroup.tsx index bdc36bff03..d761444574 100644 --- a/src/frontend/src/components/nav/PanelGroup.tsx +++ b/src/frontend/src/components/nav/PanelGroup.tsx @@ -46,6 +46,7 @@ export type PanelProps = { selectedPanel?: string; onPanelChange?: (panel: string) => void; collapsible?: boolean; + ml?: string; }; function BasePanelGroup({ @@ -53,7 +54,8 @@ function BasePanelGroup({ panels, onPanelChange, selectedPanel, - collapsible = true + collapsible = true, + ml = '' }: Readonly): ReactNode { const location = useLocation(); const navigate = useNavigate(); @@ -117,7 +119,7 @@ function BasePanelGroup({ return ( - + {panels.map( diff --git a/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx b/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx index 91bc1d8982..eda07e388a 100644 --- a/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx +++ b/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx @@ -228,6 +228,7 @@ export default function AdminCenter() { pageKey="admin-center" panels={adminCenterPanels} collapsible={true} + ml={'sm'} /> ) : (