diff --git a/frontend/src/components/NotificationSystem/NotificationSystem.css b/frontend/src/components/NotificationSystem/NotificationSystem.css
index 22a33b13..604b8edd 100644
--- a/frontend/src/components/NotificationSystem/NotificationSystem.css
+++ b/frontend/src/components/NotificationSystem/NotificationSystem.css
@@ -281,8 +281,8 @@
 }
 
 /* Focus states for accessibility */
-.notification-action-btn:focus,
-.notification-close-btn:focus {
+.notification-action-btn:focus-visible,
+.notification-close-btn:focus-visible {
   outline: 2px solid #667eea;
   outline-offset: 2px;
 }