diff --git a/app/src/layouts/BaseLayout.vue b/app/src/layouts/BaseLayout.vue
index 7a8e8ca0..6d091c55 100644
--- a/app/src/layouts/BaseLayout.vue
+++ b/app/src/layouts/BaseLayout.vue
@@ -9,7 +9,7 @@ import HeaderLayout from './HeaderLayout.vue'
 import SideBar from './SideBar.vue'
 
 const drawerVisible = ref(false)
-const collapsed = ref(collapse())
+const collapsed = ref(false)
 const hideLayoutSidebar = ref(false)
 
 function _init() {
diff --git a/app/src/views/notification/notificationColumns.tsx b/app/src/views/notification/notificationColumns.tsx
index 7cac7e4f..46ca9e7b 100644
--- a/app/src/views/notification/notificationColumns.tsx
+++ b/app/src/views/notification/notificationColumns.tsx
@@ -12,34 +12,35 @@ const columns: Column[] = [{
     if (args.text === NotificationTypeT.Error) {
       return (
         <Tag color="error">
-          { $gettext('Error') }
+          {$gettext('Error')}
         </Tag>
       )
     }
     else if (args.text === NotificationTypeT.Warning) {
       return (
         <Tag color="warning">
-          { $gettext('Warning') }
+          {$gettext('Warning')}
         </Tag>
       )
     }
     else if (args.text === NotificationTypeT.Info) {
       return (
         <Tag color="info">
-          { $gettext('Info')}
+          {$gettext('Info')}
         </Tag>
       )
     }
     else if (args.text === NotificationTypeT.Success) {
       return (
         <Tag color="success">
-          { $gettext('Success') }
+          {$gettext('Success')}
         </Tag>
       )
     }
   },
   sorter: true,
   pithy: true,
+  width: 100,
 }, {
   title: () => $gettext('Title'),
   dataIndex: 'title',
@@ -53,7 +54,7 @@ const columns: Column[] = [{
   dataIndex: 'details',
   customRender: detailRender,
   pithy: true,
-  width: 300,
+  width: 500,
 }, {
   title: () => $gettext('Created at'),
   dataIndex: 'created_at',