fix text hierarhcy

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>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem', marginTop: '1rem' }}>
+    <div>
       <Button onClick={() => setIsAddSSOModalVisible(true)}>Add SSO</Button>
-
-
-        <Title level={4}>Allowed IP Addresses</Title>
-        <Button onClick={handleShowAllowedIPs}>Manage Allowed IPs</Button>
-
+    </div>
+    <div>
+      <Button onClick={handleShowAllowedIPs}>Allowed IPs</Button>
+    </div>
+  </div>
         </Card>
        
         <div className="flex justify-start mb-4">

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")}>