From 0a4405fcadd94631a4b0f4e620f6e9f5505ac2bf Mon Sep 17 00:00:00 2001
From: Maybe <maybex66@gmail.com>
Date: Sat, 17 Jan 2026 01:55:04 +0900
Subject: [PATCH] Fix horizontal scroll on List view page on mobile/tablet

---
 src/components/MonitorList.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/MonitorList.vue b/src/components/MonitorList.vue
index 13669ddb3..098c07286 100644
--- a/src/components/MonitorList.vue
+++ b/src/components/MonitorList.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="shadow-box mb-3" :style="boxStyle">
+    <div class="shadow-box mb-3 p-0" :style="boxStyle">
         <div class="list-header">
             <div class="header-top">
                 <div class="select-checkbox-wrapper">
@@ -89,7 +89,7 @@
         </div>
         <div
             ref="monitorList"
-            class="monitor-list"
+            class="monitor-list px-2"
             :class="{ scrollbar: scrollbar }"
             :style="monitorListStyle"
             data-testid="monitor-list"
@@ -536,7 +536,6 @@ export default {
 .list-header {
     border-bottom: 1px solid #dee2e6;
     border-radius: 10px 10px 0 0;
-    margin: -10px;
     margin-bottom: 10px;
     padding: 10px;
 
@@ -679,7 +678,6 @@ export default {
 
 @media (max-width: 770px) {
     .list-header {
-        margin: -20px;
         margin-bottom: 10px;
         padding: 5px;
     }