Start style for dropdowns

1 files changed, 9 insertions, 9 deletions

diff --git a/packages/gitbook-plugin-sharing/src/components/ShareButton.js b/packages/gitbook-plugin-sharing/src/components/ShareButton.js
index 6757d67..cd55169 100644
--- a/packages/gitbook-plugin-sharing/src/components/ShareButton.js
+++ b/packages/gitbook-plugin-sharing/src/components/ShareButton.js
@@ -25,20 +25,20 @@ const ShareButton = React.createClass({
 
         return (
             <Dropdown.Container>
+                {open ? <Backdrop onClose={this.onToggle} /> : null}
+
                 <GitBook.Button onClick={this.onToggle}>
                     <GitBook.Icon id="share-alt" />
                 </GitBook.Button>
 
                 {open ? (
-                    <Backdrop onClose={this.onToggle}>
-                        <Dropdown.Menu>
-                            {siteIds.map((id) => (
-                                <Dropdown.Item onClick={() => onShare(SITES[id])} key={id}>
-                                    {SITES[id].label}
-                                </Dropdown.Item>
-                            ))}
-                        </Dropdown.Menu>
-                    </Backdrop>) : null}
+                    <Dropdown.Menu>
+                        {siteIds.map((id) => (
+                            <Dropdown.Item onClick={() => onShare(SITES[id])} key={id}>
+                                {SITES[id].label}
+                            </Dropdown.Item>
+                        ))}
+                    </Dropdown.Menu>) : null}
             </Dropdown.Container>
         );
     }