diff --git a/public/app/core/components/AppChrome/NavLandingPage.tsx b/public/app/core/components/AppChrome/NavLandingPage.tsx
index 38298cf665f..185dd8ed62a 100644
--- a/public/app/core/components/AppChrome/NavLandingPage.tsx
+++ b/public/app/core/components/AppChrome/NavLandingPage.tsx
@@ -28,7 +28,6 @@ export function NavLandingPage({ navId }: Props) {
                 <NavLandingPageCard
                   key={child.id}
                   description={child.description}
-                  icon={child.icon}
                   text={child.text}
                   url={child.url ?? ''}
                 />
@@ -46,7 +45,6 @@ export function NavLandingPage({ navId }: Props) {
                   <NavLandingPageCard
                     key={child.id}
                     description={child.description}
-                    icon={child.icon}
                     text={child.text}
                     url={child.url ?? ''}
                   />
@@ -68,10 +66,10 @@ const getStyles = (theme: GrafanaTheme2) => ({
   }),
   grid: css({
     display: 'grid',
-    gap: theme.spacing(2),
+    gap: theme.spacing(3),
     gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))',
-    gridAutoRows: '200px',
-    padding: theme.spacing(2, 1),
+    gridAutoRows: '130px',
+    padding: theme.spacing(2, 0),
   }),
   nestedTitle: css({
     margin: theme.spacing(2, 0),
diff --git a/public/app/core/components/AppChrome/NavLandingPageCard.tsx b/public/app/core/components/AppChrome/NavLandingPageCard.tsx
index a9ed8c98909..8ed4a426729 100644
--- a/public/app/core/components/AppChrome/NavLandingPageCard.tsx
+++ b/public/app/core/components/AppChrome/NavLandingPageCard.tsx
@@ -2,21 +2,19 @@ import { css } from '@emotion/css';
 import React from 'react';
 
 import { GrafanaTheme2 } from '@grafana/data';
-import { Card, Icon, IconName, useStyles2 } from '@grafana/ui';
+import { Card, useStyles2 } from '@grafana/ui';
 
 interface Props {
   description?: string;
-  icon?: IconName;
   text: string;
   url: string;
 }
 
-export function NavLandingPageCard({ description, icon, text, url }: Props) {
+export function NavLandingPageCard({ description, text, url }: Props) {
   const styles = useStyles2(getStyles);
   return (
     <Card className={styles.card} href={url}>
       <Card.Heading>{text}</Card.Heading>
-      <Card.Figure align={'center'}>{icon && <Icon name={icon} size="xxxl" />}</Card.Figure>
       <Card.Description>{description}</Card.Description>
     </Card>
   );
@@ -25,5 +23,6 @@ export function NavLandingPageCard({ description, icon, text, url }: Props) {
 const getStyles = (theme: GrafanaTheme2) => ({
   card: css({
     marginBottom: 0,
+    gridTemplateRows: '1fr 0 2fr',
   }),
 });