diff --git a/site/components/media-list/media-list.tsx b/site/components/media-list/media-list.tsx
index 6b7932f592..5baa1f5703 100644
--- a/site/components/media-list/media-list.tsx
+++ b/site/components/media-list/media-list.tsx
@@ -59,7 +59,8 @@ export const MediaList: React.FC<MediaListProps> = ({
         );
 
         return (
-          <Cell {...cellColumnList}>
+          // eslint-disable-next-line react/no-array-index-key
+          <Cell {...cellColumnList} key={`index-${index}`}>
             {cardProps.href && (
               <LinkNext href={cardProps.href} passHref>
                 {styledCardComponentWithProps}
diff --git a/src/menu/__tests__/menu.stories.tsx b/src/menu/__tests__/menu.stories.tsx
index a5d549effa..6477cad47a 100644
--- a/src/menu/__tests__/menu.stories.tsx
+++ b/src/menu/__tests__/menu.stories.tsx
@@ -12,6 +12,7 @@ import {MenuItemAlign, MenuItemSize} from '../types';
 import {styled, getColorCssFromTheme} from '../../utils';
 import {getSSRId} from '../../utils/get-ssr-id';
 import {createCustomThemeWithBaseThemeSwitch} from '../../test/theme-select-object';
+import {LinkInline} from '../../link';
 
 // eslint-disable-next-line no-script-url
 const href = 'javascript:;';
@@ -246,7 +247,9 @@ export const StoryMenuItemsStates = () => (
     <StorybookHeading>Menu items - states</StorybookHeading>
     <StorybookSubHeading>Menu items horizontal</StorybookSubHeading>
     <Menu aria-label={`Menu ${getSSRId()}`}>
-      <MenuItem href={href}>Menu item 1</MenuItem>
+      <MenuItem href="" as="div">
+        <LinkInline href="/">Menu item as div</LinkInline>
+      </MenuItem>
       <MenuItem href={href} selected>
         Menu item 2
       </MenuItem>