diff --git a/app/javascript/dashboard/routes/dashboard/inbox/InboxList.vue b/app/javascript/dashboard/routes/dashboard/inbox/InboxList.vue
index 8798af6a5..93ba310c3 100644
--- a/app/javascript/dashboard/routes/dashboard/inbox/InboxList.vue
+++ b/app/javascript/dashboard/routes/dashboard/inbox/InboxList.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="flex w-full h-full bg-white dark:bg-slate-900">
     <div
-      class="flex flex-col h-full w-full md:min-w-[380px] md:max-w-[380px] ltr:border-r border-slate-50 dark:border-slate-800/50"
+      class="flex flex-col h-full w-full md:min-w-[360px] md:max-w-[360px] ltr:border-r border-slate-50 dark:border-slate-800/50"
       :class="!currentNotificationId ? 'flex' : 'hidden md:flex'"
     >
       <inbox-list-header
diff --git a/app/javascript/dashboard/routes/dashboard/inbox/components/InboxCardInfo.vue b/app/javascript/dashboard/routes/dashboard/inbox/components/InboxCardInfo.vue
index 2e94860f9..44d1ed5c8 100644
--- a/app/javascript/dashboard/routes/dashboard/inbox/components/InboxCardInfo.vue
+++ b/app/javascript/dashboard/routes/dashboard/inbox/components/InboxCardInfo.vue
@@ -62,7 +62,7 @@ import { getInboxClassByType } from 'dashboard/helper/inbox';
 const MAX_LABELS = 6;
 const MIN_LABELS = 1;
 
-const BASE_WIDTH = 380;
+const BASE_WIDTH = 360;
 const TOTAL_PADDING = 36;
 const EFFECTIVE_WIDTH = BASE_WIDTH - TOTAL_PADDING;