diff --git a/packages/console/src/components/FormCard/index.module.scss b/packages/console/src/components/FormCard/index.module.scss
index 765e47085..0c78f077f 100644
--- a/packages/console/src/components/FormCard/index.module.scss
+++ b/packages/console/src/components/FormCard/index.module.scss
@@ -23,10 +23,6 @@
   .description {
     font: var(--font-body-medium);
     color: var(--color-text-secondary);
-
-    .link {
-      margin-left: _.unit(1);
-    }
   }
 }
 
diff --git a/packages/console/src/components/FormCard/index.tsx b/packages/console/src/components/FormCard/index.tsx
index c4071c599..c3a72f24a 100644
--- a/packages/console/src/components/FormCard/index.tsx
+++ b/packages/console/src/components/FormCard/index.tsx
@@ -24,9 +24,12 @@ const FormCard = ({ title, description, learnMoreLink, children }: Props) => {
           <div className={styles.description}>
             {t(description)}
             {learnMoreLink && (
-              <TextLink href={learnMoreLink} target="_blank" rel="noopener" className={styles.link}>
-                {t('general.learn_more')}
-              </TextLink>
+              <>
+                {' '}
+                <TextLink href={learnMoreLink} target="_blank" rel="noopener">
+                  {t('general.learn_more')}
+                </TextLink>
+              </>
             )}
           </div>
         )}