diff --git a/components/ui/Dropdowns/Notification.vue b/components/ui/Dropdowns/Notification.vue
index 4f8806e..9c3d778 100644
--- a/components/ui/Dropdowns/Notification.vue
+++ b/components/ui/Dropdowns/Notification.vue
@@ -55,7 +55,7 @@
                 name: 'Notification',
                 code: `
         <div class="flex items-center justify-center h-screen bg-gray-100">
-            <div class="relative">
+            <div class="relative inline-block">
                 <!-- Dropdown toggle button -->
                 <button class="relative z-10 block p-2 text-gray-700 bg-white border border-transparent rounded-md dark:text-white focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:bg-gray-800 focus:outline-none">
                 <svg class="w-5 h-5 text-gray-800 dark:text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/pages/index.vue b/pages/index.vue
index 275610f..dd01943 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -36,7 +36,7 @@
                     </div>
                 </div>
 
-                <div class="flex items-center justify-center w-full mt-6 lg:w-1/2 lg:mt-0">
+                <div class="hidden w-full mt-6 md:flex md:items-center md:justify-center lg:w-1/2 lg:mt-0">
                     <div class="w-full animate-float">
                         <img src="../assets/images/header-img.png" alt="moon">
                     </div>