         @save_scroll_position()
 
     restore_scroll_position: ->
-        path         = misc.tab_to_path(@props.active_tab_name)
-        saved_scroll = @props.open_files.getIn([path, 'component'])?.scroll_position
+        saved_scroll = @props.opened_file?.get('component')?.scroll_position
         if saved_scroll?
             @refs.editor_container.scrollTop = saved_scroll
 

        if not @props.open_files_order?
            return <Loading />
        group = @props.get_my_group(@props.project_id)
        path = misc.tab_to_path(@props.active_project_tab)

        <div className='container-content' style={display: 'flex', flexDirection: 'column', flex: 1}>
            <FreeProjectWarning project_id={@props.project_id} name={name} />
            {@render_file_tabs(group == 'public') if not @props.fullscreen}
            <ProjectMainContent
                project_id      = {@props.project_id}
                project_name    = {@props.name}
                active_tab_name = {@props.active_project_tab}
                group           = {group}
                open_files      = {@props.open_files}
                save_scroll     = {@actions(name).get_scroll_saver_for(path)}
            />
        </div>


        </Draggable>

    render_editor_tab: ->
        if IS_MOBILE
            # Side chat is not supported at all on mobile.
            is_chat_open = false
        else
            chat_width   = @props.opened_file.get('chat_width') ? DEFAULT_CHAT_WIDTH
            is_chat_open = @props.opened_file.get('is_chat_open')

        editor  = @render_editor(@props.file_path)

        # WARNING: every CSS style below is hard won.  Don't f!$k with them without knowing what
        # you are doing and testing on all supported browser.  - wstein
