diff --git a/src/views/stock-quote/size1440/index.vue b/src/views/stock-quote/size1440/index.vue
index a34133c..5545a5f 100644
--- a/src/views/stock-quote/size1440/index.vue
+++ b/src/views/stock-quote/size1440/index.vue
@@ -20,7 +20,7 @@ const trimTrailingLetter = (val) => {
       </div>
       <section class="quote-layout">
         <div class="price-card">
-          <div class="price-value">{{ stockQuote.price }} <span style="font-size: 100px;">{{ t("stock_quote.dollar") }}</span> </div>
+          <div class="price-value" style="display: flex; align-items: center;gap: 10px;">{{ stockQuote.price }} <span style="font-size: 70px;">{{ t("stock_quote.dollar") }}</span> </div>
           <div class="price-market">{{ t("stock_quote.nasdaq") }}</div>
           <div class="price-time">{{ formatted }}</div>
         </div>
diff --git a/src/views/stock-quote/size1920/index.vue b/src/views/stock-quote/size1920/index.vue
index 44b54ef..c3f2970 100644
--- a/src/views/stock-quote/size1920/index.vue
+++ b/src/views/stock-quote/size1920/index.vue
@@ -21,7 +21,7 @@ const trimTrailingLetter = (val) => {
       </div>
       <section class="quote-layout">
         <div class="price-card">
-          <div class="price-value">{{ stockQuote.price }} <span style="font-size: 75px;">{{ t("stock_quote.dollar") }}</span> </div>
+          <div class="price-value" style="display: flex; align-items: center;gap: 10px;">{{ stockQuote.price }} <span style="font-size: 60px;">{{ t("stock_quote.dollar") }}</span> </div>
           <div class="price-market">{{ t("stock_quote.nasdaq") }}</div>
           <div class="price-time">{{ formatted }}</div>
         </div>
diff --git a/src/views/stock-quote/size375/index.vue b/src/views/stock-quote/size375/index.vue
index 4e199b3..24845d3 100644
--- a/src/views/stock-quote/size375/index.vue
+++ b/src/views/stock-quote/size375/index.vue
@@ -23,7 +23,7 @@ const trimTrailingLetter = (val) => {
 
       <div class="data-section">
         <div class="price-card">
-          <div class="price-value">{{ stockQuote.price }} <span style="font-size: 75px;">{{ t("stock_quote.dollar") }}</span> </div>
+          <div class="price-value" style="display: flex; align-items: center;gap: 10px;">{{ stockQuote.price }} <span style="font-size: 60px;">{{ t("stock_quote.dollar") }}</span> </div>
           <div class="price-nasdaq">{{ t("stock_quote.nasdaq") }}</div>
           <div class="price-date">{{ formatted }}</div>
         </div>
diff --git a/src/views/stock-quote/size768/index.vue b/src/views/stock-quote/size768/index.vue
index 5349dd7..67b67e4 100644
--- a/src/views/stock-quote/size768/index.vue
+++ b/src/views/stock-quote/size768/index.vue
@@ -22,7 +22,7 @@ const trimTrailingLetter = (val) => {
 
       <div class="data-section">
         <div class="price-card">
-          <div class="price-value">{{ stockQuote.price }} <span style="font-size: 70 * 2.5px;">{{ t("stock_quote.dollar") }}</span> </div>
+          <div class="price-value" style="display: flex; align-items: center;gap: 10px;">{{ stockQuote.price }} <span style="font-size: 40 * 1.5px;">{{ t("stock_quote.dollar") }}</span> </div>
           <div class="price-nasdaq">{{ t("stock_quote.nasdaq") }}</div>
           <div class="price-date">{{ formatted }}</div>
         </div>