diff --git a/frontend/src/views/DashBoard.vue b/frontend/src/views/DashBoard.vue
index 2830709..58f15ab 100644
--- a/frontend/src/views/DashBoard.vue
+++ b/frontend/src/views/DashBoard.vue
@@ -73,7 +73,7 @@
         </header>
 
         <!-- Main Content Area -->
-        <main class="flex-1 overflow-y-auto p-6 bg-base-200 mx-0 px-0">
+        <main class="flex-1 overflow-y-auto p-6 bg-base-200 px-1 sm:px-6">
           <router-view></router-view>
         </main>
       </div>