From 8b468e06da5aa97a7c65709e91875a13654c5a7a Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Tue, 10 Mar 2026 19:52:13 +0530
Subject: [PATCH] feat: update Toaster component to position notifications at
 the top-right and enable rich colors

---
 surfsense_web/components/ui/sonner.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/surfsense_web/components/ui/sonner.tsx b/surfsense_web/components/ui/sonner.tsx
index 9222e8d57..b463d9ac4 100644
--- a/surfsense_web/components/ui/sonner.tsx
+++ b/surfsense_web/components/ui/sonner.tsx
@@ -10,6 +10,8 @@ const Toaster = ({ ...props }: ToasterProps) => {
 		<Sonner
 			theme={theme as ToasterProps["theme"]}
 			className="toaster group"
+			position="top-right"
+			richColors
 			toastOptions={{
 				classNames: {
 					toast: