allow ems in avatar-letter size

hawkrives · Apr 15, 2018 · 35e5504 · 35e5504
1 parent 1cf3d11
commit 35e5504
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/modules/gob-web/components/avatar-letter.js b/modules/gob-web/components/avatar-letter.js
@@ -16,13 +16,13 @@ const Wrapper = styled.div`
     margin: 0;
     padding: 0;
 
-    ${({size = 48}) => css`
-        width: ${size}px;
-        height: ${size}px;
-        line-height: ${size}px;
-        font-size: ${size / 3 * 2}px;
+    ${({size = '48px'}) => css`
+        width: ${size};
+        height: ${size};
+        line-height: ${size};
+        font-size: calc(${size} / 3 * 2);
 
-        border-radius: ${size}px;
+        border-radius: ${size};
     `};
 `