diff --git a/src/web-ui/src/shared/notification-system/components/NotificationCenter.scss b/src/web-ui/src/shared/notification-system/components/NotificationCenter.scss
index dcd93b2846..2a88699e6a 100644
--- a/src/web-ui/src/shared/notification-system/components/NotificationCenter.scss
+++ b/src/web-ui/src/shared/notification-system/components/NotificationCenter.scss
@@ -383,7 +383,7 @@
          border-radius: 50%;
          border: none;
          position: absolute;
-         right: 80px;
+         right: 70px;
          align-self: center;
      }
 
diff --git a/src/web-ui/src/shared/notification-system/components/NotificationCenter.tsx b/src/web-ui/src/shared/notification-system/components/NotificationCenter.tsx
index 61f12c77fd..5932953a88 100644
--- a/src/web-ui/src/shared/notification-system/components/NotificationCenter.tsx
+++ b/src/web-ui/src/shared/notification-system/components/NotificationCenter.tsx
@@ -341,7 +341,9 @@ export const NotificationCenter: React.FC = () => {
                   }
                   return newSet;
                 });
-                handleNotificationClick(notification);
+                if (!notification.read) {
+                  notificationService.markAsRead(notification.id);
+                }
               }}
               title={isExpanded ? t('common:actions.collapse') : t('common:actions.expand')}
             >