diff --git a/pkg/webui/console/containers/notifications/index.js b/pkg/webui/console/containers/notifications/index.js
index 538d53ac7f1..a23d399304b 100644
--- a/pkg/webui/console/containers/notifications/index.js
+++ b/pkg/webui/console/containers/notifications/index.js
@@ -120,14 +120,18 @@ const Notifications = React.memo(() => {
         index + BATCH_SIZE > items.length - 1 ? items.length - 1 : index + BATCH_SIZE,
       )
 
-      navigate(`/notifications/${category}/${previousNotification.id}`)
+      if (isSmallScreen) {
+        navigate(`/notifications/${category}`)
+      } else {
+        navigate(`/notifications/${category}/${previousNotification.id}`)
+      }
 
       // Reset the list cache if available so that old items are discarded.
       if (listRef.current && listRef.current.resetloadMoreItemsCache) {
         listRef.current.resetloadMoreItemsCache()
       }
     },
-    [showArchived, dispatch, items, totalCount, navigate, category, loadNextPage],
+    [showArchived, dispatch, items, totalCount, navigate, category, loadNextPage, isSmallScreen],
   )
 
   // Add a resize handler to detect mobile experiences.
diff --git a/pkg/webui/console/containers/notifications/notification-content/index.js b/pkg/webui/console/containers/notifications/notification-content/index.js
index 1a26a50ddef..10f0cceab7b 100644
--- a/pkg/webui/console/containers/notifications/notification-content/index.js
+++ b/pkg/webui/console/containers/notifications/notification-content/index.js
@@ -70,7 +70,7 @@ const NotificationContent = ({ onArchive, selectedNotification }) => {
           <Button.Link
             to="/notifications/inbox"
             icon="chevron_left"
-            className="m:d-flex d-none"
+            className="s:d-flex d-none"
             naked
           />
           <div>