diff --git a/src/elements/IconButton.tsx b/src/elements/IconButton.tsx
index 5bf5fa10..41e3c885 100644
--- a/src/elements/IconButton.tsx
+++ b/src/elements/IconButton.tsx
@@ -94,7 +94,8 @@ const StyledButton = styled.button<{
   size: Size
 }>`
   align-items: center;
-  border: solid ${p => (p.isCompact ? 0 : 1)}px transparent;
+  border-style: solid;
+  border-width: ${p => (p.isCompact ? 0 : 1)}px;
   display: flex;
   justify-content: center;
   padding: ${p => (p.isCompact ? 0 : PADDING[p.size])};