             return @props.display
 
     render: ->
-        <Button bsSize='small' onClick={@handle_click}>{@render_content()}</Button>
+        <Breadcrumb.Item bsSize='small' onClick={@handle_click} active={@props.active}>
+            {@render_content()}
+        </Breadcrumb.Item>
 
 FileCheckbox = rclass
     displayName : 'ProjectFiles-FileCheckbox'

                <Col sm={if public_view then 6 else 3} md={if public_view then 6 else 4} >
                    <ProjectFilesPath current_path={@props.current_path} actions={@props.actions} />
                </Col>
                {<Col sm=3>
                    <div style={height:0}>  {#height 0 so takes up no vertical space}
                        <UsersViewing project_id={@props.project_id} />
                    </div>

        </Button>

    render: ->
        <ButtonToolbar style={whiteSpace:'nowrap', padding: '0'} className='pull-right'>
            <ButtonGroup bsSize='small'>
                <Button bsSize='small' className="upload-button">
                    <Icon name='upload' /> Upload
                </Button>
            </ButtonGroup>
            <ButtonGroup bsSize='small' className='pull-right'>
                {@render_refresh()}
                {@render_hidden_toggle()}
