diff --git a/components/NftsComponent.js b/components/NftsComponent.js
index 339d1a47c..a7a8201d1 100644
--- a/components/NftsComponent.js
+++ b/components/NftsComponent.js
@@ -98,7 +98,7 @@ export default function NftsComponent({
   const [order, setOrder] = useState(orderQuery)
   const [issuerTaxonUrlPart, setIssuerTaxonUrlPart] = useState('?view=' + activeView)
   const [collectionUrlPart, setCollectionUrlPart] = useState(collectionQuery ? '&collection=' + collectionQuery : '')
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [selectedToken, setSelectedToken] = useState({
     currency: saleCurrency,
     issuer: saleCurrencyIssuer
diff --git a/pages/account/[id]/transactions.js b/pages/account/[id]/transactions.js
index 8c536fa6e..e4105f362 100644
--- a/pages/account/[id]/transactions.js
+++ b/pages/account/[id]/transactions.js
@@ -115,7 +115,7 @@ export default function AccountTransactions({
   const [loading, setLoading] = useState(false)
   const [errorMessage, setErrorMessage] = useState(initialErrorMessage || '')
   const [order, setOrder] = useState('newest') // newest | oldest
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [txType, setTxType] = useState('tx') // tx = all types
   const [initiated, setInitiated] = useState('0') // 0 = both, 1 = outgoing, 2 = incoming
   const [excludeFailures, setExcludeFailures] = useState('0') // 0 = include, 1 = exclude
diff --git a/pages/admin/pro/history.js b/pages/admin/pro/history.js
index 51833ab7c..85a5ceb23 100644
--- a/pages/admin/pro/history.js
+++ b/pages/admin/pro/history.js
@@ -216,7 +216,7 @@ export default function History({
   const [addressesToCheck, setAddressesToCheck] = useState(queryAddress ? [queryAddress] : [])
   const [period, setPeriod] = useState('all')
   const [order, setOrder] = useState('desc')
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [page, setPage] = useState(0)
   const [rowsPerPage, setRowsPerPage] = useState(10)
   const [currentList, setCurrentList] = useState([])
diff --git a/pages/amms.js b/pages/amms.js
index 5cca2bc3d..8aa7deb7e 100644
--- a/pages/amms.js
+++ b/pages/amms.js
@@ -123,7 +123,7 @@ export default function Amms({
   const [loading, setLoading] = useState(false)
   const [errorMessage, setErrorMessage] = useState(initialErrorMessage || '')
   const [marker, setMarker] = useState(initialData?.marker)
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [token, setToken] = useState({
     currency: stripText(currencyQuery),
     issuer: stripText(currencyIssuerQuery)
diff --git a/pages/distribution.js b/pages/distribution.js
index ce2b41121..9da48e121 100644
--- a/pages/distribution.js
+++ b/pages/distribution.js
@@ -35,7 +35,7 @@ export default function Distribution({ selectedCurrency, fiatRate }) {
   const [loading, setLoading] = useState(false)
   const [errorMessage, setErrorMessage] = useState('')
   const [escrowMode, setEscrowMode] = useState('none') // 'none', 'short', 'locked'
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
 
   const controller = new AbortController()
 
diff --git a/pages/nft-distribution/[[...id]].js b/pages/nft-distribution/[[...id]].js
index 9a0886a8d..312308a31 100644
--- a/pages/nft-distribution/[[...id]].js
+++ b/pages/nft-distribution/[[...id]].js
@@ -68,7 +68,7 @@ export default function NftDistribution({
   const [taxonInput, setTaxonInput] = useState(taxonQuery)
   const [order, setOrder] = useState(orderQuery)
   const [hasMore, setHasMore] = useState('first')
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
 
   const checkApi = async () => {
     /*
diff --git a/pages/nft-sales.js b/pages/nft-sales.js
index 1c4d3146a..858bfd9c6 100644
--- a/pages/nft-sales.js
+++ b/pages/nft-sales.js
@@ -136,7 +136,7 @@ export default function NftSales({
   ])
   const [issuerTaxonUrlPart, setIssuerTaxonUrlPart] = useState('?view=' + activeView)
   const [collectionUrlPart, setCollectionUrlPart] = useState(collectionQuery ? '&collection=' + collectionQuery : '')
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [selectedToken, setSelectedToken] = useState({
     currency: currency,
     issuer: currencyIssuer
diff --git a/pages/nft-volumes/index.js b/pages/nft-volumes/index.js
index 7b381f109..cab7ba378 100644
--- a/pages/nft-volumes/index.js
+++ b/pages/nft-volumes/index.js
@@ -81,7 +81,7 @@ export default function NftVolumes({
   const [chartIssuers, setChartIssuers] = useState([])
   const [chartVolumes, setChartVolumes] = useState([])
   const [loadingChart, setLoadingChart] = useState(false)
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [hasMore, setHasMore] = useState('first')
   const [csvHeaders, setCsvHeaders] = useState([])
   const [selectedToken, setSelectedToken] = useState({
diff --git a/pages/tokens.js b/pages/tokens.js
index fe93932d8..7870237e8 100644
--- a/pages/tokens.js
+++ b/pages/tokens.js
@@ -223,7 +223,7 @@ export default function Tokens({
   const [loading, setLoading] = useState(false)
   const [errorMessage, setErrorMessage] = useState(initialErrorMessage || '')
   const [order, setOrder] = useState(orderQuery || 'rating')
-  const [filtersHide, setFiltersHide] = useState(false)
+  const [filtersHide, setFiltersHide] = useState(true)
   const [issuer, setIssuer] = useState(issuerQuery)
   const [currency, setCurrency] = useState(currencyQuery)
   const [rendered, setRendered] = useState(false)
diff --git a/styles/components/filters.scss b/styles/components/filters.scss
index 5f4acbae9..63703f69b 100644
--- a/styles/components/filters.scss
+++ b/styles/components/filters.scss
@@ -205,7 +205,7 @@ $width: 340px;
       background: #fff;
       padding: 20px 30px 90px;
       overflow-y: scroll;
-      transform: translateY(100%);
+      transform: translateY(0%);
       pointer-events: all;
       transition: transform 0.3s ease-in-out;
 
@@ -214,7 +214,7 @@ $width: 340px;
       }
 
       .content-cols.is-filters-hide & {
-        transform: translateY(0);
+        transform: translateY(100%);
       }
     }
   }