From 3abc631de1be5ec2249bcb8bcf3ee57c2ec086c7 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Tue, 17 Dec 2024 17:16:36 +0800
Subject: [PATCH] Update app-default-navigation.tsx

---
 .../components/interfaces/app-default-navigation.tsx      | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/studio/components/interfaces/app-default-navigation.tsx b/apps/studio/components/interfaces/app-default-navigation.tsx
index dfa75f22104..c9b23c50666 100644
--- a/apps/studio/components/interfaces/app-default-navigation.tsx
+++ b/apps/studio/components/interfaces/app-default-navigation.tsx
@@ -24,6 +24,7 @@ import {
   Collapsible_Shadcn_,
   CollapsibleContent_Shadcn_,
   CollapsibleTrigger_Shadcn_,
+  Separator,
   Sidebar,
   SidebarContent,
   SidebarFooter,
@@ -123,6 +124,7 @@ export function AppDefaultNavigation() {
         </SidebarHeader>
         <SidebarContent className="px-3">
           {isProjects ? <ProjectLinks /> : <OrganizationLinks />}
+          <Separator />
           <AnimatePresence>
             {ref && (
               <motion.div
@@ -140,7 +142,7 @@ export function AppDefaultNavigation() {
             )}
             {connectDialogUpdate && ref && (
               <motion.div
-                className="flex flex-col"
+                className="px-3"
                 initial={{ opacity: 0, x: -20 }}
                 animate={{ opacity: 1, x: 0 }}
                 exit={{ opacity: 0, x: -20 }}
@@ -149,7 +151,9 @@ export function AppDefaultNavigation() {
                   ease: 'easeOut',
                 }}
               >
-                <Connect />
+                <div>
+                  <Connect />
+                </div>
               </motion.div>
             )}
           </AnimatePresence>