diff --git a/web/components/Notifications/Sidebar.vue b/web/components/Notifications/Sidebar.vue
index 0a5e8ca01..120733bcf 100644
--- a/web/components/Notifications/Sidebar.vue
+++ b/web/components/Notifications/Sidebar.vue
@@ -52,10 +52,10 @@ const overview = computed(() => {
       class="w-full max-w-[100vw] sm:max-w-[540px] max-h-screen h-screen min-h-screen px-0 flex flex-col gap-5 pb-0"
     >
     <div class="relative flex flex-col h-full w-full">
-      <SheetHeader class="ml-1 px-6 items-baseline gap-1">
+      <SheetHeader class="ml-1 px-6 items-baseline gap-1 pb-2">
         <SheetTitle class="text-2xl">Notifications</SheetTitle>
         <a href="/Settings/Notifications">
-        <Button variant="link" size="sm" class="p-0 h-auto"> Edit Settings </Button>
+        <Button variant="link" size="sm" class="p-0 h-auto">Edit Settings</Button>
         </a>
       </SheetHeader>
       <Tabs