diff --git a/lib/components/tab.js b/lib/components/tab.js
index 7d3ef5d2..fa318c0e 100644
--- a/lib/components/tab.js
+++ b/lib/components/tab.js
@@ -67,7 +67,10 @@ export default class Tab extends Component {
         )}
         onClick={this.handleClick}
         >
-        <span className={css('textInner')}>
+        <span
+          title={this.props.text}
+          className={css('textInner')}
+          >
           { this.props.text }
         </span>
       </span>
@@ -143,7 +146,11 @@ export default class Tab extends Component {
         right: 0,
         top: 0,
         bottom: 0,
-        textAlign: 'center'
+        textAlign: 'center',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        padding: '0 25px',
+        overflow: 'hidden'
       },
 
       icon: {