diff --git a/web/components/Notifications/Sidebar.vue b/web/components/Notifications/Sidebar.vue
index 21b7c64a4..e7f285002 100644
--- a/web/components/Notifications/Sidebar.vue
+++ b/web/components/Notifications/Sidebar.vue
@@ -95,16 +95,16 @@ const { teleportTarget, determineTeleportTarget } = useTeleport();
           </TabsList>
 
           <Button
-            variant="secondary"
+            variant="link"
             size="sm"
-            class="text-[1rem] leading-[1.3rem]"
+            class="text-muted-foreground text-[1rem] leading-[1.3rem] p-0"
           >
             {{ `Archive All` }}
           </Button>
 
           <Select>
-            <SelectTrigger>
-              <SelectValue placeholder="Filter" />
+            <SelectTrigger class="bg-secondary border-0 h-auto">
+              <SelectValue class="text-muted-foreground" placeholder="Filter" />
             </SelectTrigger>
             <SelectContent :to="teleportTarget">
               <SelectGroup>