From b17bf269f648650c1f8e439988a4d39955659251 Mon Sep 17 00:00:00 2001
From: helenapark <phg5590@gmail.com>
Date: Wed, 17 Jul 2024 15:31:53 -0400
Subject: [PATCH] fix: add inline-block and transition

---
 components/step.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/step.js b/components/step.js
index bc5cf10..65f607b 100644
--- a/components/step.js
+++ b/components/step.js
@@ -149,6 +149,7 @@ class StepTextLink extends BaseStepElement {
   createCss() {
     return css`
       a {
+        display: inline-block;
         text-decoration: underline;
         text-underline-offset: 3px;
       }
@@ -172,8 +173,8 @@ class StepTextLink extends BaseStepElement {
       }
       a:hover {
         font-weight: var(--font-weight-bold);
-        /* TODO : update underline weight after checking accurate value with the Designer */
         text-decoration: underline 3px;
+        transition: 200ms;
       }
       a:active {
         color: var(--primary);