diff --git a/src/views/stock-quote/size1440/index.vue b/src/views/stock-quote/size1440/index.vue
index 7fef934..5cf1458 100644
--- a/src/views/stock-quote/size1440/index.vue
+++ b/src/views/stock-quote/size1440/index.vue
@@ -25,7 +25,7 @@ getStockQuate()
       <div class="info-card">
         <div class="text-base text-gray-400">% Change</div>
         <div class="text-3xl font-bold" 
-        :class="stockQuote.change?.includes('-') ? 'text-red-500' : (stockQuote.change?.includes('+') ? 'text-green-500' : '')">
+        :class="stockQuote.change?.includes('-') ? 'text-green-500' :  'text-red-500'">
           {{ stockQuote.change }}</div>
       </div>
       <div class="info-card">
diff --git a/src/views/stock-quote/size1920/index.vue b/src/views/stock-quote/size1920/index.vue
index 6e1634b..b2096cd 100644
--- a/src/views/stock-quote/size1920/index.vue
+++ b/src/views/stock-quote/size1920/index.vue
@@ -28,7 +28,7 @@ getStockQuate()
         :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')">
           {{ stockQuote.change?.join('') }}</div> -->
           <div class="text-3xl font-bold" 
-          :class="stockQuote.change?.includes('-') ? 'text-red-500' : (stockQuote.change?.includes('+') ? 'text-green-500' : '')">
+          :class="stockQuote.change?.includes('-') ? 'text-green-500' :  'text-red-500'">
           {{ stockQuote.change }}</div>
       </div>
       <div class="info-card">
diff --git a/src/views/stock-quote/size375/index.vue b/src/views/stock-quote/size375/index.vue
index 734207c..3804d38 100644
--- a/src/views/stock-quote/size375/index.vue
+++ b/src/views/stock-quote/size375/index.vue
@@ -22,7 +22,7 @@ getStockQuate();
         <div class="text-xs text-gray-400">% Change</div>
 
         <div class="text-lg font-bold" 
-        :class="stockQuote.change?.includes('-') ? 'text-red-500' : (stockQuote.change?.includes('+') ? 'text-green-500' : '')">
+        :class="stockQuote.change?.includes('-') ? 'text-green-500' :  'text-red-500'">
           {{ stockQuote.change }}</div>
       </div>
       <div class="info-card">
diff --git a/src/views/stock-quote/size768/index.vue b/src/views/stock-quote/size768/index.vue
index 47b7fba..71e4d31 100644
--- a/src/views/stock-quote/size768/index.vue
+++ b/src/views/stock-quote/size768/index.vue
@@ -25,7 +25,7 @@ getStockQuate();
         <div class="info-card">
           <div class="text-sm text-gray-400">% Change</div>
           <div class="text-xl font-bold" 
-        :class="stockQuote.change?.includes('-') ? 'text-red-500' : (stockQuote.change?.includes('+') ? 'text-green-500' : '')">
+          :class="stockQuote.change?.includes('-') ? 'text-green-500' :  'text-red-500'">
           {{ stockQuote.change }}</div>
         </div>
         <div class="info-card">