diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index c239e1b9d..f007ee8ea 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -463,6 +463,7 @@
 
     .card__steps {
       display: flex;
+      --column-gap: 0.8ch;
     }
 
     .card__tags {
diff --git a/app/assets/stylesheets/steps.css b/app/assets/stylesheets/steps.css
index f106859ac..c339118ae 100644
--- a/app/assets/stylesheets/steps.css
+++ b/app/assets/stylesheets/steps.css
@@ -93,17 +93,13 @@
   }
 
   .steps__icon {
+    --icon-size: 0.875em;
     background-color: var(--card-color);
     block-size: 1.3em;
     border-radius: 50%;
+    color: var(--color-ink-inverted);
     display: grid;
     inline-size: 1.3em;
     place-content: center;
-
-    .icon {
-      background-color: var(--color-ink-inverted);
-      block-size: 0.8em;
-      inline-size: 0.8em;
-    }
   }
-}
\ No newline at end of file
+}