chore: updated tests

ui/components/app/assets/nfts/nft-grid/__snapshots__/nft-grid.test.tsx.snap

@@ -7,7 +7,8 @@ exports[`NftGrid matches the snapshot 1`] = `
     style="margin: 16px;"
   >
     <div
-      class="mm-box nft-items__wrapper mm-box--display-grid mm-box--gap-4"
+      class="relative w-full"
+      style="height: 200px;"
     />
   </div>
 </DocumentFragment>

ui/components/app/assets/nfts/nft-grid/nft-grid.test.tsx

@@ -17,6 +17,21 @@ jest.mock('../../../../../selectors', () => ({
   getNftIsStillFetchingIndication: jest.fn(),
 }));
 
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // Deprecated
+    removeListener: jest.fn(), // Deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  })),
+});
+
 describe('NftGrid', () => {
   const mockStore = configureStore([]);
 

ui/components/app/assets/nfts/nft-grid/nft-grid.tsx

@@ -128,10 +128,9 @@ export default function NftGrid({
   return (
     <Box style={{ margin: 16 }}>
       <div
+        className="relative w-full"
         style={{
           height: `${virtualizer.getTotalSize()}px`,
-          width: '100%',
-          position: 'relative',
         }}
       >
         {virtualizer.getVirtualItems().map((virtualRow) => {
@@ -141,11 +140,8 @@ export default function NftGrid({
               key={virtualRow.index}
               data-index={virtualRow.index}
               ref={virtualizer.measureElement}
+              className="absolute top-0 left-0 w-full"
               style={{
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
                 transform: `translateY(${virtualRow.start}px)`,
                 paddingBottom: '16px',
               }}