diff --git a/src/components/ui/Dropdowns/Notification.vue b/src/components/ui/Dropdowns/Notification.vue
index 5103bce..486912e 100644
--- a/src/components/ui/Dropdowns/Notification.vue
+++ b/src/components/ui/Dropdowns/Notification.vue
@@ -59,7 +59,7 @@
             </button>
 
             <!-- Dropdown menu -->
-            <div class="absolute right-0 mt-2 w-80 bg-white rounded-md shadow-lg overflow-hidden z-20">
+            <div class="absolute right-0 mt-2 w-80 bg-white rounded-md shadow-lg overflow-hidden z-20" style="width:20rem;">
                 <div class="py-2">
                     <a href="#" class="flex items-center px-4 py-3 border-b hover:bg-gray-100 -mx-2">
                         <img class="h-8 w-8 rounded-full object-cover mx-1" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80" alt="avatar">