diff --git a/packages/effects/layouts/src/widgets/notification/notification.vue b/packages/effects/layouts/src/widgets/notification/notification.vue
index 5382e6d3f..7d0f5105c 100644
--- a/packages/effects/layouts/src/widgets/notification/notification.vue
+++ b/packages/effects/layouts/src/widgets/notification/notification.vue
@@ -74,14 +74,14 @@ const handleClear = () => {
       <div class="flex items-center justify-between p-4 py-3">
         <div class="text-foreground">{{ $t('ui.widgets.notifications') }}</div>
         <VbenIconButton
-          :disabled="!notifications || notifications.length <= 0"
+          :disabled="notifications.length <= 0"
           :tooltip="$t('ui.widgets.markAllAsRead')"
           @click="handleMakeAll"
         >
           <MailCheck class="size-4" />
         </VbenIconButton>
       </div>
-      <VbenScrollbar v-if="!notifications || notifications.length > 0">
+      <VbenScrollbar v-if="notifications.length > 0">
         <ul class="flex! max-h-90 w-full flex-col">
           <template v-for="item in notifications" :key="item.id ?? item.title">
             <li
@@ -155,7 +155,7 @@ const handleClear = () => {
         class="flex items-center justify-between border-t border-border px-4 py-3"
       >
         <VbenButton
-          :disabled="!notifications || notifications.length <= 0"
+          :disabled="notifications.length <= 0"
           size="sm"
           variant="ghost"
           @click="handleClear"