diff --git a/ui/components/app/assets/nfts/nft-grid/nft-grid.tsx b/ui/components/app/assets/nfts/nft-grid/nft-grid.tsx
index 626010dbea18..c07f7fb66a45 100644
--- a/ui/components/app/assets/nfts/nft-grid/nft-grid.tsx
+++ b/ui/components/app/assets/nfts/nft-grid/nft-grid.tsx
@@ -1,7 +1,11 @@
import React from 'react';
import { useSelector } from 'react-redux';
import { Hex } from '@metamask/utils';
-import { Display } from '../../../../../helpers/constants/design-system';
+import {
+ AlignItems,
+ Display,
+ JustifyContent,
+} from '../../../../../helpers/constants/design-system';
import { Box } from '../../../../component-library';
import Spinner from '../../../../ui/spinner';
import { getNftImageAlt } from '../../../../../helpers/utils/nfts';
@@ -99,15 +103,21 @@ export default function NftGrid({
);
})}
- {nftsStillFetchingIndication ? (
-
-
-
- ) : null}
+ {nftsStillFetchingIndication ? (
+
+
+
+ ) : null}
);
}
diff --git a/ui/components/app/assets/nfts/nfts-tab/nfts-tab.tsx b/ui/components/app/assets/nfts/nfts-tab/nfts-tab.tsx
index 3faae7c68e16..5acda9db178d 100644
--- a/ui/components/app/assets/nfts/nfts-tab/nfts-tab.tsx
+++ b/ui/components/app/assets/nfts/nfts-tab/nfts-tab.tsx
@@ -134,7 +134,13 @@ export default function NftsTab() {
if (!hasAnyNfts && nftsStillFetchingIndication) {
return (
-
+