             actions      = {@props.actions} />
 
     render_new_file : ->
-        <Col sm=2>
-            <ProjectFilesNew
-                file_search   = {@props.file_search}
-                current_path  = {@props.current_path}
-                actions       = {@props.actions}
-                create_file   = {@create_file}
-                create_folder = {@create_folder} />
-        </Col>
+        <ProjectFilesNew
+            file_search   = {@props.file_search}
+            current_path  = {@props.current_path}
+            actions       = {@props.actions}
+            create_file   = {@create_file}
+            create_folder = {@create_folder} />
 
     render_activity: ->
         <ActivityDisplay

    render: ->
        # This div prevents the split button from line-breaking when the page is small
        <div style={whiteSpace: 'nowrap', display: 'inline-block', marginRight: '20px' }>
            <SplitButton id='new_file_dropdown' title={@file_dropdown_icon()} onClick={@on_create_button_clicked} >
                {(@file_dropdown_item(i, ext) for i, ext of @new_file_button_types)}
                <MenuItem divider />
                <MenuItem eventKey='folder' key='folder' onSelect={@props.create_folder}>

            {@render_deleted()}
            {@render_error()}
            {@render_activity()}
            <div style={display: 'flex', flexDirection: 'row', flexWrap: 'nowrap', justifyContent: 'space-between', alignItems: 'stretch'}>
                <div style={flex: '0 1 25%'}>
                    <ProjectFilesSearch
                        project_id          = {@props.project_id}
                        key                 = {@props.current_path}
