diff --git a/keep-notes/app/globals.css b/keep-notes/app/globals.css
index 15e07e6..8627515 100644
--- a/keep-notes/app/globals.css
+++ b/keep-notes/app/globals.css
@@ -204,3 +204,16 @@
     font-family: 'Vazirmatn', sans-serif !important;
   }
 }
+
+/* ============================================
+   Toast Notifications - Fix UI Blocking Issue
+   ============================================ */
+/* Ensure the toaster container doesn't block clicks on the page underneath */
+[data-sonner-toaster] {
+  pointer-events: none !important;
+}
+
+/* But allow interaction with the toast itself (buttons, close, etc) */
+[data-sonner-toast] {
+  pointer-events: auto !important;
+}
diff --git a/keep-notes/components/ui/toast.tsx b/keep-notes/components/ui/toast.tsx
index 203667d..f959284 100644
--- a/keep-notes/components/ui/toast.tsx
+++ b/keep-notes/components/ui/toast.tsx
@@ -14,6 +14,7 @@ export function Toaster() {
       richColors
       closeButton
       duration={3000}
+      className="toaster"
       toastOptions={{
         classNames: {
           toast: 'toast pointer-events-auto',