From 93e0f16e96b1c9d893249c819740cac793e95bd8 Mon Sep 17 00:00:00 2001
From: meriadec <meriadec.pillet@gmail.com>
Date: Sun, 24 Jun 2018 20:18:32 +0200
Subject: [PATCH] Add `overflow` to styled Box props

---
 src/components/base/Box/Box.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/base/Box/Box.js b/src/components/base/Box/Box.js
index 5ded4f57..bbbdbda1 100644
--- a/src/components/base/Box/Box.js
+++ b/src/components/base/Box/Box.js
@@ -17,6 +17,7 @@ import {
 import fontFamily from 'styles/styled/fontFamily'
 
 export const styledTextAlign = style({ prop: 'textAlign', cssProperty: 'textAlign' })
+export const styledOverflow = style({ prop: 'overflow', cssProperty: 'overflow' })
 export const styledCursor = style({ prop: 'cursor', cssProperty: 'cursor' })
 export const styledTextTransform = style({ prop: 'textTransform', cssProperty: 'textTransform' })
 
@@ -34,6 +35,7 @@ export default styled.div`
   ${styledTextAlign};
   ${styledCursor};
   ${styledTextTransform};
+  ${styledOverflow};
 
   display: flex;
   flex-shrink: ${p => (p.noShrink === true ? '0' : p.shrink === true ? '1' : '')};