diff --git a/components/stats/StatsPage.tsx b/components/stats/StatsPage.tsx
index 0e7ad382..be0dbe31 100644
--- a/components/stats/StatsPage.tsx
+++ b/components/stats/StatsPage.tsx
@@ -4,9 +4,10 @@ import PerpMarketsTable from './PerpMarketsTable'
 import SpotMarketsTable from './SpotMarketsTable'
 import TokenStats from './TokenStats'
 
-const TABS = process.env.NEXT_PUBLIC_SHOW_PERPS
-  ? ['tokens', 'perp', 'spot']
-  : ['tokens', 'spot']
+const TABS =
+  process.env.NEXT_PUBLIC_SHOW_PERPS === 'true'
+    ? ['tokens', 'perp', 'spot']
+    : ['tokens', 'spot']
 
 const StatsPage = () => {
   const [activeTab, setActiveTab] = useState('tokens')
diff --git a/components/trade/MarketSelectDropdown.tsx b/components/trade/MarketSelectDropdown.tsx
index 5300d6d6..d4cd18be 100644
--- a/components/trade/MarketSelectDropdown.tsx
+++ b/components/trade/MarketSelectDropdown.tsx
@@ -10,9 +10,8 @@ import { useMemo, useState } from 'react'
 import { DEFAULT_MARKET_NAME } from 'utils/constants'
 import MarketLogos from './MarketLogos'
 
-const TAB_VALUES = process.env.NEXT_PUBLIC_SHOW_PERPS
-  ? ['spot', 'perp']
-  : ['spot']
+const TAB_VALUES =
+  process.env.NEXT_PUBLIC_SHOW_PERPS === 'true' ? ['spot', 'perp'] : ['spot']
 
 const MarketSelectDropdown = () => {
   const { selectedMarket } = useSelectedMarket()