From 7168a147d633c4e65d55c1df73f27496497037ce Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjun@hey.com>
Date: Thu, 16 Jan 2025 07:55:38 +1100
Subject: [PATCH] Adjust navbar spacing and align notification popover content

---
 components/console/navbar.tsx                | 3 +--
 components/ui/popover-with-notificaition.tsx | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/console/navbar.tsx b/components/console/navbar.tsx
index 84bddca..f7768ea 100644
--- a/components/console/navbar.tsx
+++ b/components/console/navbar.tsx
@@ -53,9 +53,8 @@ export default function NavBar({
 							<ProjectSwitcher projects={projects} />
 						</div>
 
-						<div className="ml-2 flex justify-center space-x-4">
+						<div className="ml-2 flex justify-center space-x-2">
 							<Notifications />
-
 							<UserButton orgSlug={activeOrgSlug} />
 						</div>
 					</div>
diff --git a/components/ui/popover-with-notificaition.tsx b/components/ui/popover-with-notificaition.tsx
index e383654..a7ef6fc 100644
--- a/components/ui/popover-with-notificaition.tsx
+++ b/components/ui/popover-with-notificaition.tsx
@@ -63,7 +63,7 @@ function Notifications() {
           )}
         </Button>
       </PopoverTrigger>
-      <PopoverContent className="w-80 p-1">
+      <PopoverContent className="w-80 p-1" align="end">
         <div className="flex items-baseline justify-between gap-4 px-3 py-2">
           <div className="text-sm font-semibold">Notifications</div>
           {unreadCount > 0 && (