diff --git a/ui/litellm-dashboard/src/components/admins.tsx b/ui/litellm-dashboard/src/components/admins.tsx
index 1d0568752b..4f1e9d17c4 100644
--- a/ui/litellm-dashboard/src/components/admins.tsx
+++ b/ui/litellm-dashboard/src/components/admins.tsx
@@ -137,7 +137,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
   };
   console.log(`admins: ${admins?.length}`);
   return (
-    <div className="w-full m-2">
+    <div className="w-full m-2 mt-8">
       <Title level={4}>Restricted Access</Title>
       <Paragraph>
         Add other people to just view spend. They cannot create keys, teams or
@@ -146,7 +146,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
           Requires SSO Setup
         </a>
       </Paragraph>
-      <Grid numItems={1} className="gap-2 p-0 w-full">
+      <Grid numItems={1} className="gap-2 p-2 w-full">
         <Col numColSpan={1}>
           <Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]">
             <Table>
diff --git a/ui/litellm-dashboard/src/components/chat_ui.tsx b/ui/litellm-dashboard/src/components/chat_ui.tsx
index b0cddbaa23..81ee30014b 100644
--- a/ui/litellm-dashboard/src/components/chat_ui.tsx
+++ b/ui/litellm-dashboard/src/components/chat_ui.tsx
@@ -158,7 +158,7 @@ const ChatUI: React.FC<ChatUIProps> = ({
 
   return (
     <div style={{ width: "100%", position: "relative" }}>
-      <Grid className="gap-2 p-10 h-[75vh] w-full">
+      <Grid className="gap-2 p-2 h-[75vh] w-full mt-8">
         <Card>
           <TabGroup>
             <TabList className="mt-4">
diff --git a/ui/litellm-dashboard/src/components/model_dashboard.tsx b/ui/litellm-dashboard/src/components/model_dashboard.tsx
index 18bb8776a2..563eeaffe5 100644
--- a/ui/litellm-dashboard/src/components/model_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/model_dashboard.tsx
@@ -141,7 +141,7 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
 
   return (
     <div style={{ width: "100%" }}>
-      <Grid className="gap-2 p-10 h-[75vh] w-full">
+      <Grid className="gap-2 p-2 h-[75vh] w-full mt-8">
         <Card>
           <Table className="mt-5">
             <TableHead>
diff --git a/ui/litellm-dashboard/src/components/teams.tsx b/ui/litellm-dashboard/src/components/teams.tsx
index 36cc5c5822..eaf5dc078d 100644
--- a/ui/litellm-dashboard/src/components/teams.tsx
+++ b/ui/litellm-dashboard/src/components/teams.tsx
@@ -159,7 +159,7 @@ const Team: React.FC<TeamProps> = ({
   console.log(`received teams ${teams}`);
   return (
     <div className="w-full mx-4">
-      <Grid numItems={1} className="gap-2 p-2 h-[75vh] w-full">
+      <Grid numItems={1} className="gap-2 p-2 h-[75vh] w-full mt-8">
         <Col numColSpan={1}>
           <Title level={4}>All Teams</Title>
           <Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]">
diff --git a/ui/litellm-dashboard/src/components/usage.tsx b/ui/litellm-dashboard/src/components/usage.tsx
index fd5c92c481..c53c669943 100644
--- a/ui/litellm-dashboard/src/components/usage.tsx
+++ b/ui/litellm-dashboard/src/components/usage.tsx
@@ -254,13 +254,13 @@ const UsagePage: React.FC<UsagePageProps> = ({
   return (
     <div style={{ width: "100%" }}>
       <TabGroup>
-        <TabList className="mt-4">
+        <TabList className="mt-10">
           <Tab>All Up</Tab>
           <Tab>Team Based Usage</Tab>
         </TabList>
         <TabPanels>
           <TabPanel>
-            <Grid numItems={2} className="gap-2 p-10 h-[75vh] w-full">
+            <Grid numItems={2} className="gap-2 p-2 h-[75vh] w-full">
               <Col numColSpan={2}>
                 <Card>
                   <Title>Monthly Spend</Title>
diff --git a/ui/litellm-dashboard/src/components/user_dashboard.tsx b/ui/litellm-dashboard/src/components/user_dashboard.tsx
index 5ca74151f9..224fa19d16 100644
--- a/ui/litellm-dashboard/src/components/user_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/user_dashboard.tsx
@@ -206,8 +206,8 @@ const UserDashboard: React.FC<UserDashboardProps> = ({
   console.log("inside user dashboard, selected team", selectedTeam);
 
   return (
-    <div>
-      <Grid numItems={1} className="gap-0 p-10 h-[75vh] w-full">
+      <div className="w-full mx-4">
+      <Grid numItems={1} className="gap-2 p-2 h-[75vh] w-full mt-8">
         <Col numColSpan={1}>
           <ViewUserSpend
             userID={userID}
diff --git a/ui/litellm-dashboard/src/components/view_users.tsx b/ui/litellm-dashboard/src/components/view_users.tsx
index 0c32b31e8a..6e785e2906 100644
--- a/ui/litellm-dashboard/src/components/view_users.tsx
+++ b/ui/litellm-dashboard/src/components/view_users.tsx
@@ -142,7 +142,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
 
   return (
     <div style={{ width: "100%" }}>
-      <Grid className="gap-2 p-10 h-[75vh] w-full">
+      <Grid className="gap-2 p-2 h-[75vh] w-full mt-8">
         <CreateUser userID={userID} accessToken={accessToken} />
         <Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh] mb-4">
           <TabGroup>