From 54882773a28c57f981c0f14734133e6944f3b2a9 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <rawr@sebin-nyshkim.net>
Date: Thu, 26 Jun 2025 20:15:14 +0200
Subject: [PATCH] fix: :lipstick: border-radius affects svg icon

---
 src/components/timeline.webc | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/timeline.webc b/src/components/timeline.webc
index a576552..9f00e04 100644
--- a/src/components/timeline.webc
+++ b/src/components/timeline.webc
@@ -1,6 +1,6 @@
 <ul webc:root="override">
   <li class="job" webc:for="job of jobs">
-    <icon class="icon" :icon="job.icon"></icon>
+    <div class="icon"><icon :@icon="job.icon"></icon></div>
     <p class="title" @text="job.title"></p>
     <p class="text" @text="job.desc"></p>
   </li>
@@ -19,7 +19,6 @@
     @media (min-width: 32em) {
       --timeline-circle-size: 4rem;
     }
-
   }
 
   :host .job {
@@ -28,7 +27,6 @@
       'icon title'
       'line text';
     column-gap: 1em;
-
   }
 
   :host .job::before {
@@ -55,7 +53,7 @@
     height: 50%;
   }
 
-  :host .icon {
+  :host .job > .icon {
     grid-area: icon;
     align-self: center;