 There is one of these for each open file in a project.
 ###
 
-{React, ReactDOM, rclass, rtypes} = require('../smc-react')
+{React, ReactDOM, Fragment, rclass, rtypes} = require('../smc-react')
 
 misc = require('smc-util/misc')
 
 {NavItem} = require('react-bootstrap')
 
-{COLORS, Icon} = require('../r_misc')
+{COLORS, HiddenXS, Icon} = require('../r_misc')
 
 exports.DEFAULT_FILE_TAB_STYLES =
     width        : 250

                    /> if @props.file_tab}
                </div>
                <div style={label_styles}>
                    <Icon style={icon_style} name={@props.icon} /> {@props.label if not @props.shrink}
                </div>
            </div>
        </NavItem>


        text_color = 'white' if @props.is_active

        if @props.file_tab
            label = <Fragment>{@props.label}</Fragment>
        else
            label = <HiddenXS>{@props.label if not @props.shrink}</HiddenXS>

        <NavItem
            ref     = 'tab'
            style   = {styles}
