diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 45c63eb48..6d2451c31 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -657,7 +657,7 @@ function handleAuxClick(e) {
     </div>
   </div>
   <URLConfirmModal ref="urlModal" />
-  <NotificationPanel />
+  <NotificationPanel has-sidebar />
   <ErrorModal ref="errorModal" />
   <ModInstallModal ref="modInstallModal" />
   <IncompatibilityWarningModal ref="incompatibilityWarningModal" />
diff --git a/packages/ui/src/components/nav/NotificationPanel.vue b/packages/ui/src/components/nav/NotificationPanel.vue
index d8e4366cc..2fb4d2599 100644
--- a/packages/ui/src/components/nav/NotificationPanel.vue
+++ b/packages/ui/src/components/nav/NotificationPanel.vue
@@ -5,6 +5,7 @@
       'intercom-present': isIntercomPresent,
       'location-left': notificationLocation === 'left',
       'location-right': notificationLocation === 'right',
+      'has-sidebar': hasSidebar,
     }"
   >
     <transition-group name="notifs">
@@ -134,6 +135,15 @@ onMounted(() => {
     observer.disconnect()
   })
 })
+
+withDefaults(
+  defineProps<{
+    hasSidebar: boolean
+  }>(),
+  {
+    hasSidebar: false,
+  },
+)
 </script>
 
 <style lang="scss" scoped>
@@ -145,6 +155,10 @@ onMounted(() => {
 
   &.location-right {
     right: 1.5rem;
+
+    &.has-sidebar {
+      right: 325px;
+    }
   }
 
   &.location-left {