diff --git a/plugins/catalog/src/components/AboutCard/AboutContent.tsx b/plugins/catalog/src/components/AboutCard/AboutContent.tsx
index ee2c8571d5..d35891cd05 100644
--- a/plugins/catalog/src/components/AboutCard/AboutContent.tsx
+++ b/plugins/catalog/src/components/AboutCard/AboutContent.tsx
@@ -115,7 +115,7 @@ export function AboutContent(props: AboutContentProps) {
   }
 
   return (
-    <Grid columns={{ initial: '1', sm: '2', lg: '3' }} gap="3">
+    <Grid.Root columns={{ initial: '1', sm: '2', lg: '3' }} gap="3">
       <AboutField
         label={t('aboutCard.descriptionField.label')}
         style={{ gridColumn: '1 / -1' }}
@@ -232,6 +232,6 @@ export function AboutContent(props: AboutContentProps) {
           />
         </AboutField>
       )}
-    </Grid>
+    </Grid.Root>
   );
 }
diff --git a/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx b/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
index 1556d30e22..90b7e2058b 100644
--- a/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
+++ b/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
@@ -36,10 +36,10 @@ export function LinksGridList(props: LinksGridListProps) {
   const numOfCols = useDynamicColumns(cols);
 
   return (
-    <Grid columns={String(numOfCols) as any} gap="2">
+    <Grid.Root columns={String(numOfCols) as any} gap="2">
       {items.map(({ text, href, Icon }, i) => (
         <IconLink key={i} href={href} text={text ?? href} Icon={Icon} />
       ))}
-    </Grid>
+    </Grid.Root>
   );
 }