diff --git a/src/renderer/less/bootstrap.less b/src/renderer/less/bootstrap.less
index a32d04bc..bb7120a7 100644
--- a/src/renderer/less/bootstrap.less
+++ b/src/renderer/less/bootstrap.less
@@ -1388,23 +1388,24 @@ fieldset:disabled .btn {
 
 .btn-secondary {
   color           : #fff;
-  background-color: #6c757d;
-  border-color    : #6c757d;
+  border-color    : 1px solid rgba(100, 100, 100, 0.35);
+  background-color: rgba(100, 100, 100, 0.25);
+  border-top-color: 1px solid rgba(100, 100, 100, 0.5);
 }
 
 .btn-secondary:hover {
   color           : #fff;
-  background-color: #5c636a;
-  border-color    : #565e64;
+  // background-color: #5c636a;
+  // border-color    : #565e64;
 }
 
-.btn-check:focus+.btn-secondary,
-.btn-secondary:focus {
-  color           : #fff;
-  background-color: #5c636a;
-  border-color    : #565e64;
-  box-shadow      : 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
-}
+// .btn-check:focus+.btn-secondary,
+// .btn-secondary:focus {
+//   color           : #fff;
+//   background-color: #5c636a;
+//   border-color    : #565e64;
+//   box-shadow      : 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+// }
 
 .btn-check:checked+.btn-secondary,
 .btn-check:active+.btn-secondary,
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index 3195af5e..a3526a65 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -964,11 +964,18 @@
                             </b-col>
                         </b-row>
                         </b-list-group-item>
-                        <b-list-group-item variant="dark">
-                            <b-dropdown class="stylesDropdown" variant="primary" text="Add Style...">
-                            <b-dropdown-item v-for="theme in themes" @click="addStyle(theme.file)">{{theme.name}}</b-dropdown-item>
-                        </b-dropdown>
-                    </b-list-group-item>
+                        <b-list-group-item slot="footer" style="-webkit-user-drag: none" variant="dark">
+                            <b-row>
+                                <b-col>
+                                    <b-dropdown class="stylesDropdown" variant="primary" text="Add Style...">
+                                        <b-dropdown-item v-for="theme in themes" @click="addStyle(theme.file)">{{theme.name}}</b-dropdown-item>
+                                    </b-dropdown>
+                                </b-col>
+                                <b-col>
+                                    <b-btn @click="gitHubExplore()">{{$root.getLz('settings.option.visual.theme.github.explore')}}</b-btn>    
+                                </b-col>
+                            </b-row>
+                        </b-list-group-item>
                 </draggable>    
             </div>
         `,
@@ -985,8 +992,15 @@
             }
         },
         methods: {
+            gitHubExplore() {
+                this.$root.appRoute("themes-github")
+            },
             getThemeName(filename) {
-                return this.themes.find(theme => theme.file === filename).name;
+                try {
+                    return this.themes.find(theme => theme.file === filename).name;                    
+                }catch(e) {
+                    return filename;
+                }
             },
             moveUp() {
                 const styles = this.$root.cfg.visual.styles