diff --git a/ui/components/app/collectibles-items/collectibles-items.js b/ui/components/app/collectibles-items/collectibles-items.js
index 90bf3e48b..149e65055 100644
--- a/ui/components/app/collectibles-items/collectibles-items.js
+++ b/ui/components/app/collectibles-items/collectibles-items.js
@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
 import { useHistory } from 'react-router-dom';
+import { isEqual } from 'lodash';
 import Box from '../../ui/box';
 import Typography from '../../ui/typography/typography';
 import Card from '../../ui/card';
@@ -50,7 +51,7 @@ export default function CollectiblesItems({
     if (
       chainId !== undefined &&
       selectedAddress !== undefined &&
-      previousCollectionKeys !== collectionsKeys &&
+      !isEqual(previousCollectionKeys, collectionsKeys) &&
       (collectiblesDropdownState?.[selectedAddress]?.[chainId] === undefined ||
         Object.keys(collectiblesDropdownState?.[selectedAddress]?.[chainId])
           .length === 0)