diff --git a/app/Models/Holding.php b/app/Models/Holding.php
index 439c14a..5f6eb14 100644
--- a/app/Models/Holding.php
+++ b/app/Models/Holding.php
@@ -141,7 +141,7 @@ class Holding extends Model
     {
         return $query->selectRaw('COALESCE(market_data.market_value * holdings.quantity, 0) AS total_market_value')
             ->selectRaw('COALESCE((market_data.market_value - holdings.average_cost_basis) * holdings.quantity, 0) AS market_gain_dollars')
-            ->selectRaw('COALESCE(((market_data.market_value - holdings.average_cost_basis) / holdings.average_cost_basis), 0) AS market_gain_percent');
+            ->selectRaw('COALESCE(((market_data.market_value - holdings.average_cost_basis) / holdings.average_cost_basis) * 100, 0) AS market_gain_percent');
     }
 
     public function scopePortfolio($query, $portfolio)
diff --git a/resources/views/components/gain-loss-arrow-badge.blade.php b/resources/views/components/gain-loss-arrow-badge.blade.php
index 01b488e..591419c 100644
--- a/resources/views/components/gain-loss-arrow-badge.blade.php
+++ b/resources/views/components/gain-loss-arrow-badge.blade.php
@@ -7,7 +7,7 @@
         } else {
 
             $isUp = $costBasis <= $marketValue;
-            $percent = $costBasis ? (($marketValue - $costBasis) / $costBasis) : 0;
+            $percent = $costBasis ? (($marketValue - $costBasis) / $costBasis) * 100 : 0;
         }
         
     @endphp
diff --git a/resources/views/livewire/holdings-table.blade.php b/resources/views/livewire/holdings-table.blade.php
index ac8f796..cd56baf 100644
--- a/resources/views/livewire/holdings-table.blade.php
+++ b/resources/views/livewire/holdings-table.blade.php
@@ -78,7 +78,10 @@ new class extends Component {
         {{ Number::currency($row->market_gain_dollars ?? 0) }}
     @endscope
     @scope('cell_market_gain_percent', $row)
-        <x-gain-loss-arrow-badge :percent="$row->market_gain_percent" />
+        <x-gain-loss-arrow-badge 
+            :cost-basis="$row->average_cost_basis"
+            :market-value="$row->market_data->market_value"  
+        />
     @endscope
     @scope('cell_market_data_market_value', $row)
         {{ Number::currency($row->market_data_market_value ?? 0) }}
diff --git a/resources/views/livewire/top-performers-list.blade.php b/resources/views/livewire/top-performers-list.blade.php
index 7bcc2d0..415efdb 100644
--- a/resources/views/livewire/top-performers-list.blade.php
+++ b/resources/views/livewire/top-performers-list.blade.php
@@ -36,7 +36,10 @@ new class extends Component {
 
                 {{ $holding->market_data?->name }} ({{ $holding->symbol }})
 
-                <x-gain-loss-arrow-badge :percent="$holding->market_gain_percent" />
+                <x-gain-loss-arrow-badge 
+                    :cost-basis="$holding->average_cost_basis"
+                    :market-value="$holding->market_data->market_value"
+                />
                 
             </x-slot:value>
             <x-slot:sub-value>