 {ProjectStore} = require('./project_store')
 {Icon, Tip, SAGE_LOGO_COLOR} = require('./r_misc')
 misc = require('misc')
+
+FILE_NAV_HEIGHT = '36px'
 
 default_file_tab_styles =
     width : 250

                    lockToContainerEdges={true}
                    distance    = {3 if not IS_MOBILE}
                    bsStyle     = "pills"
                    style       = {display:'flex'}
                >
                    {@file_tabs()}
                </SortableNav>


        <div className='container-content' style={display: 'flex', flexDirection: 'column', flex: 1}>
            <FreeProjectWarning project_id={@props.project_id} name={name} />
            {<div className="smc-file-tabs" ref="projectNav" style={width:'100%', height:FILE_NAV_HEIGHT}>
                <Nav bsStyle="pills" className="smc-file-tabs-fixed-desktop" style={overflowY:'hidden', float:'left', height:FILE_NAV_HEIGHT} >
                    {[<FileTab
                        name       = {k}
                        label      = {v.label}
