From a2291ef898ea3486428a23e458319be4a8d7dd1c Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 20 Sep 2024 07:06:16 +1000
Subject: [PATCH] feat(ui): minor notifications layout tweaks

---
 .../web/src/features/ui/components/Notifications.tsx         | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/ui/components/Notifications.tsx b/invokeai/frontend/web/src/features/ui/components/Notifications.tsx
index 2b600d2de7..fead694aa1 100644
--- a/invokeai/frontend/web/src/features/ui/components/Notifications.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/Notifications.tsx
@@ -4,6 +4,7 @@ import {
   IconButton,
   Image,
   Popover,
+  PopoverArrow,
   PopoverBody,
   PopoverContent,
   PopoverHeader,
@@ -56,8 +57,8 @@ export const Notifications = () => {
           )}
         </Flex>
       </PopoverTrigger>
-      <PopoverContent>
-        <PopoverCloseButton />
+      <PopoverContent p={2}>
+        <PopoverArrow />
         <PopoverHeader fontSize="md" fontWeight="semibold">
           <Flex alignItems="center" gap={3}>
             <Image src={InvokeSymbol} boxSize={6} />