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: