diff --git a/src/atoms/Icon.js b/src/atoms/Icon.js
index 6c3a37d89c85310204b0e2a3896cb7891b9f8028..672dd89160f75034e09f31ed24755842f1bcd6b2 100644
--- a/src/atoms/Icon.js
+++ b/src/atoms/Icon.js
@@ -1,6 +1,7 @@
 import React from 'react'
 import { pascalize } from 'humps'
 import * as icons from 'react-feather'
+import classes from './Icon.local.scss'
 
 const Icon = ({ children, color = 'black', size = 24 }) => {
   // convert `arrow_left` to `ArrowLeft`
@@ -10,7 +11,7 @@ const Icon = ({ children, color = 'black', size = 24 }) => {
   const icon = icons[name]
 
   return (
-    <span>{icon({ color, size })}</span>
+    <span className={classes.root}>{icon({ color, size })}</span>
   )
 }
 
diff --git a/src/atoms/Icon.local.scss b/src/atoms/Icon.local.scss
new file mode 100644
index 0000000000000000000000000000000000000000..335bfdc38d480fb68c294b149f0b3ff2cd33ebbe
--- /dev/null
+++ b/src/atoms/Icon.local.scss
@@ -0,0 +1,3 @@
+.root {
+  display: inline-block;
+}