         </Draggable>
 
     render_editor_tab: ->
-        path         = misc.tab_to_path(@props.active_tab_name)
         if IS_MOBILE
             # Side chat is not supported at all on mobile.
             is_chat_open = false
         else
-            chat_width   = @props.open_files.getIn([path, 'chat_width']) ? DEFAULT_CHAT_WIDTH
-            is_chat_open = @props.open_files.getIn([path, 'is_chat_open'])
-
-        editor  = @render_editor(path)
+            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

    render : ->
        if not @props.open_files_order?
            return <Loading />

        <div className='container-content'  style={display: 'flex', flexDirection: 'column', flex: 1}>
            <FreeProjectWarning project_id={@props.project_id} name={name} />

        @save_scroll_position()

    restore_scroll_position: ->
        saved_scroll = @props.opened_file?.get('component')?.scroll_position
        if saved_scroll?
            @refs.editor_container.scrollTop = saved_scroll

