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' : '')};