             </ButtonGroup>
             {
               if plugin.settingsClass?
-                <Overlay show={@props.settingPopOpen}
-                         onHide={_.partial @props.toggleSettingPop, plugin.name, false}
-                         rootClose={true}
-                         target={=> ReactDOM.findDOMNode @refs['setting-btn']}
-                         placement='top'>
-                  <Popover id="#{plugin.name}-setting-pop">
-                    <PluginSettingWrap plugin={plugin} />
-                  </Popover>
-                </Overlay>
+                <CollapsiblePanel collapsible expanded={@state.settingOpen}
+                  style={margin: 0} >
+                  <PluginSettingWrap plugin={plugin} />
+                </CollapsiblePanel>
             }
           </div>
         </Col>

npm = require 'npm'
semver = require 'semver'
{$, $$, _, React, ReactBootstrap, FontAwesome, ROOT, PluginManager} = window
{Grid, Col, Row, Input, Alert, Button, ButtonGroup, Label, Collapse, Well, OverlayTrigger, Tooltip, Overlay, Popover} = ReactBootstrap
{config} = window
shell = require 'shell'
{dialog} = remote.require 'electron'

    config = yield PluginManager.selectConfig(state ,null, null)
    @setState
      config: config
  handleAdvancedShow: ->
    advanced = !@state.advanced
    @setState {advanced}
