diff --git a/src/components/custom/MarketInfo.vue b/src/components/custom/MarketInfo.vue
index 7828a90cd..c5989f7a9 100644
--- a/src/components/custom/MarketInfo.vue
+++ b/src/components/custom/MarketInfo.vue
@@ -1,11 +1,20 @@
 <template>
   <div class="flex flex-wrap -mx-auto">
     <div class="text-center mx-auto my-4">
-      <h1 class="text-6xl text-gray-900 font-bold sm:text-9xl leading-tight">
+      <h1
+        class="
+          text-md
+          lg:text-6xl
+          text-gray-900
+          font-bold
+          sm:text-9xl
+          leading-tight
+        "
+      >
         {{ main.title }}
       </h1>
       <div
-        class="my-5 max-w-2xl lg:text-xl mx-auto text-gray-900 sm:mt-4"
+        class="my-5 max-w-2xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4"
         v-html="main.content"
       ></div>
     </div>
@@ -14,7 +23,7 @@
       <div class="flex-1 bg-white p-6 flex flex-col justify-between">
         <div class="flex-1">
           <div
-            class="mt-3 lg:text-2xl leading-tight text-gray-800"
+            class="mt-3 text-lg lg:text-2xl leading-tight text-gray-800"
             v-html="mainItem.content"
           ></div>
         </div>
@@ -22,7 +31,7 @@
     </div>
 
     <!-- Column Content -->
-    <div class="flex my-14 mx-5" v-for="info in marketInfo" :key="info">
+    <div class="flex my-5 lg:my-14 mx-5" v-for="info in marketInfo" :key="info">
       <div class="flex-shrink-0">
         <div
           class="
@@ -40,7 +49,7 @@
       </div>
       <div class="ml-4">
         <div
-          class="mt-4 lg:text-2xl max-w-md leading-6 text-gray-900"
+          class="mt-4 text-lg lg:text-2xl max-w-md leading-6 text-gray-900"
           v-html="info.content"
         ></div>
       </div>