Use box-shadow, border skews the actual dimension

src/components/avatar.css

@@ -5,7 +5,7 @@
   border-radius: 50%;
   overflow: hidden;
   background-color: var(--bg-faded-color);
-  border: 1px solid var(--outline-color);
+  box-shadow: 0 0 0 1px var(--bg-blur-color);
   flex-shrink: 0;
 }
 
@@ -14,4 +14,4 @@
   height: 100%;
   object-fit: cover;
   background-color: var(--img-bg-color);
-}
+}