From 1a36e2f06d299f60c9ae9f198c35ffeabedf67d4 Mon Sep 17 00:00:00 2001
From: Carlos Esteban Lopez <lcarlosesteb@vmware.com>
Date: Wed, 30 Nov 2022 14:18:52 -0500
Subject: [PATCH] fix: Use caption variant in IconLinkVertical icon label

Signed-off-by: Carlos Esteban Lopez <lcarlosesteb@vmware.com>
---
 .../src/components/HeaderIconLinkRow/IconLinkVertical.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/core-components/src/components/HeaderIconLinkRow/IconLinkVertical.tsx b/packages/core-components/src/components/HeaderIconLinkRow/IconLinkVertical.tsx
index df03c0f3c6..c1c0bd4ec8 100644
--- a/packages/core-components/src/components/HeaderIconLinkRow/IconLinkVertical.tsx
+++ b/packages/core-components/src/components/HeaderIconLinkRow/IconLinkVertical.tsx
@@ -82,7 +82,11 @@ export function IconLinkVertical({
     return (
       <Box title={title} className={classnames(classes.link, classes.disabled)}>
         {icon}
-        <Typography variant="body2" component="span" className={classes.label}>
+        <Typography
+          variant="caption"
+          component="span"
+          className={classes.label}
+        >
           {label}
         </Typography>
       </Box>
@@ -97,7 +101,7 @@ export function IconLinkVertical({
       onClick={onClick}
     >
       {icon}
-      <Typography variant="body2" component="span" className={classes.label}>
+      <Typography variant="caption" component="span" className={classes.label}>
         {label}
       </Typography>
     </Link>