diff --git a/public/styles.css b/public/styles.css
index c4f6c37..50e2886 100755
--- a/public/styles.css
+++ b/public/styles.css
@@ -878,6 +878,14 @@ body.isElectron .listContainer {
   margin-top: 92px;
 }
 
+body.isElectron .openInBrowserButton {
+  display: inline-block !important;
+}
+
+body.isElectron .openInBrowserLine {
+  display: block !important;
+}
+
 body.isElectron header {
   display: block !important;
 }
diff --git a/src/components/Modals/components/settingsDialog.js b/src/components/Modals/components/settingsDialog.js
index 3733d42..7781ee2 100644
--- a/src/components/Modals/components/settingsDialog.js
+++ b/src/components/Modals/components/settingsDialog.js
@@ -83,6 +83,12 @@ export default class Modals extends PureComponent {
     this.state = {}
   }
 
+  openInBrowser = () => {
+    api.get({
+      method: 'openInBrowser'
+    })
+  }
+
   componentDidMount = async () => {
       if (this.props.query && this.props.query.oldScroll) {
         setTimeout(() => {
@@ -600,6 +606,17 @@ export default class Modals extends PureComponent {
 
               <div style={{clear: 'both', height: '15px'}} />
 
+              <paper-button
+                  raised
+                  onClick={this.openInBrowser.bind(this)}
+                  style={{cursor: 'pointer', float: 'none', margin: '0', fontSize: '16px', display: 'none'}}
+                  className='playerButtons'
+                  class="openInBrowserButton" >
+              Open in Browser
+              </paper-button>
+
+              <div className='openInBrowserLine' style={{clear: 'both', height: '15px', display: 'none'}} />
+
               <div className="setting-header" style={{marginTop: '10px'}}>
                   Transcoding (for Web Player)
               </div>