diff --git a/frontend/src/views/aiQuantity/index.vue b/frontend/src/views/aiQuantity/index.vue
index 77eab9a..1fa6891 100644
--- a/frontend/src/views/aiQuantity/index.vue
+++ b/frontend/src/views/aiQuantity/index.vue
@@ -134,7 +134,7 @@ onMounted(() => {
     .container-top-box {
       width: 100%;
       height: 404px;
-      padding: 8px 10px;
+      padding: 8px 15px;
       background: #ffffff;
       box-shadow: 0px 0px 10px rgba(219, 225, 236, 1);
       border-radius: 4px;
diff --git a/frontend/src/views/analogQuantity/index.vue b/frontend/src/views/analogQuantity/index.vue
index df1769b..31d2fe9 100644
--- a/frontend/src/views/analogQuantity/index.vue
+++ b/frontend/src/views/analogQuantity/index.vue
@@ -244,7 +244,7 @@ onMounted(() => {
     .container-top-box {
       width: 100%;
       height: 385px;
-      padding: 10px;
+      padding: 10px 15px;
       background: #ffffff;
       box-shadow: 0px 0px 10px rgba(219, 225, 236, 1);
       border-radius: 4px;
diff --git a/frontend/src/views/switchQuantity/index.vue b/frontend/src/views/switchQuantity/index.vue
index b508bd9..ee9bb95 100644
--- a/frontend/src/views/switchQuantity/index.vue
+++ b/frontend/src/views/switchQuantity/index.vue
@@ -149,7 +149,7 @@ onMounted(() => {
         .container-top-box {
             width: 100%;
             height: 385px;
-            padding: 10px;
+            padding: 10px 15px;
             background: #ffffff;
             box-shadow: 0px 0px 10px rgba(219, 225, 236, 1);
             border-radius: 4px;