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 && (