     document.documentElement.addEventListener 'mouseup', stopDrag, false
 
   render: =>
-    <div className="sidebar-inner" ref="sidebar">
+    sidebarStyles =
+      width: "#{@cachedSidebarWidth}px" if @cachedSidebarWidth
+
+    bottomStyles =
+      width: "#{@cachedSidebarWidth - 1}px" if @cachedSidebarWidth
+
+    <div className="sidebar-inner" style={sidebarStyles} ref="sidebar">
       <a className="quick-connect-link" onClick={@onQuickConnect}><span className="octicon octicon-zap"></span> Quick connect</a>
 
       <span className="divider"></span>


class Sidebar extends React.Component
  @displayName = 'Sidebar'

  onQuickConnect: ->
    ApplicationActions.loadView('connection')

        </li>
      </ul>

      <div className="bottom-links" style={bottomStyles} ref="bottom">
        <span className="octicon octicon-gear" onClick={Application.shell.bind(null, 'openExternal', process.env.ZENIT_HOME)}></span>
        <span className="octicon octicon-file-directory"></span>
        <span className="octicon octicon-plus"></span>
