From e966d9fd0f502ee9e8b4efac59af60de025dea40 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Tue, 9 Jul 2024 16:04:03 -0700
Subject: [PATCH] fix text hierarhcy

---
 .../src/components/admins.tsx                 | 19 ++++++++++---------
 .../src/components/leftnav.tsx                |  2 +-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/admins.tsx b/ui/litellm-dashboard/src/components/admins.tsx
index 585111fd4..cdd5dc55f 100644
--- a/ui/litellm-dashboard/src/components/admins.tsx
+++ b/ui/litellm-dashboard/src/components/admins.tsx
@@ -15,7 +15,7 @@ import {
   message,
 } from "antd";
 import { CopyToClipboard } from "react-copy-to-clipboard";
-import { Select, SelectItem } from "@tremor/react";
+import { Select, SelectItem, Subtitle } from "@tremor/react";
 import {
   Table,
   TableBody,
@@ -598,16 +598,17 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
           </div>
         </Col>
       </Grid>
-      <Grid>
+      <Grid >
         <Card>
         <Title level={4}> ✨ Security Settings</Title>
-        <Title level={4}>Add SSO</Title>
-        <Button onClick={() => setIsAddSSOModalVisible(true)}>Add SSO</Button>
-
-
-        <Title level={4}>Allowed IP Addresses</Title>
-        <Button onClick={handleShowAllowedIPs}>Manage Allowed IPs</Button>
-
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem', marginTop: '1rem' }}>
+    <div>
+      <Button onClick={() => setIsAddSSOModalVisible(true)}>Add SSO</Button>
+    </div>
+    <div>
+      <Button onClick={handleShowAllowedIPs}>Allowed IPs</Button>
+    </div>
+  </div>
         </Card>
        
         <div className="flex justify-start mb-4">
diff --git a/ui/litellm-dashboard/src/components/leftnav.tsx b/ui/litellm-dashboard/src/components/leftnav.tsx
index 1fafedf18..6a862c6b2 100644
--- a/ui/litellm-dashboard/src/components/leftnav.tsx
+++ b/ui/litellm-dashboard/src/components/leftnav.tsx
@@ -98,7 +98,7 @@ const Sidebar: React.FC<SidebarProps> = ({
           ) : null}
           {userRole == "Admin" ? (
             <Menu.Item key="12" onClick={() => setPage("admin-panel")}>
-              <Text>Admin</Text>
+              <Text>Admin Settings</Text>
             </Menu.Item>
           ) : null}
           <Menu.Item key="13" onClick={() => setPage("api_ref")}>