diff --git a/src/assets/index.js b/src/assets/index.js
index 38c39a8..cd80057 100644
--- a/src/assets/index.js
+++ b/src/assets/index.js
@@ -623,15 +623,15 @@
         </div>`
         var footer = `
         <div class="foot">
-            <div id="add" class="footBtn"><img src="img/add.svg"><span>新建命令</span></div>
-            <div id="import" class="footBtn"><img src="img/import.svg"><span>导入命令</span></div>
-            <div id="panel" class="footBtn"><img src="img/panel.svg"><span>快捷面板</span></div>
-            <div id="getShares" class="footBtn"><img src="img/share.svg"><span>分享中心</span><span class="circle"></span></div>
-            <div id="viewHelps" class="footBtn"><img src="img/help.svg"><span>查看帮助</span></div>
-            <div id="exportAll" class="footBtn"><img src="img/exportAll.svg"><span>全部导出</span></div>
-            <div id="enableAll" class="footBtn"><img src="img/enable.svg"><span>启用本页</span></div>
             <div id="clear" class="footBtn danger"><img src="img/clear.svg"><span>清除数据</span></div>
             <div id="disableAll" class="footBtn danger"><img src="img/disable.svg"><span>禁用本页</span></div>
+            <div id="enableAll" class="footBtn"><img src="img/enable.svg"><span>启用本页</span></div>
+            <div id="exportAll" class="footBtn"><img src="img/exportAll.svg"><span>全部导出</span></div>
+            <div id="viewHelps" class="footBtn"><img src="img/help.svg"><span>查看帮助</span></div>
+            <div id="getShares" class="footBtn"><img src="img/share.svg"><span>分享中心</span></div>
+            <div id="panel" class="footBtn"><img src="img/panel.svg"><span>快捷面板</span></div>
+            <div id="import" class="footBtn"><img src="img/import.svg"><span>导入命令</span></div>
+            <div id="add" class="footBtn"><img src="img/add.svg"><span>新建命令</span></div>
         </div>`
         $("#options").append(sidebar + featureList + footer)
         checkSharedQc()
@@ -752,11 +752,10 @@
         if (!remoteShares) return
         let updates = remoteShares.length - localShares
         if (updates == 0) {
-            $('.circle').hide()
             return
         }
-        if (updates > 99) updates = 99
-        $('.circle').text(updates).show()
+        $('#getShares span').text('有新分享')
+        $('#getShares').css({ 'background': '#b80233' })
     }
 
     let getSelect2Option = (data, width, dropdownAutoWidth = false) => {
@@ -1380,7 +1379,8 @@
         let sharedQcCounts = getDB(CFG_PREFIX + 'sharedQcCounts')
         sharedQcCounts[window.processPlatform] = docs.length
         putDB(sharedQcCounts, CFG_PREFIX + 'sharedQcCounts')
-        $('.circle').hide()
+        $('#getShares span').text('分享中心')
+        $('#getShares').attr('style', "")
         docs = docs
             .sort((x, y) => {
                 if (y.published_at > x.published_at) return 1
diff --git a/src/assets/style/options.css b/src/assets/style/options.css
index 70ee8db..029c1d2 100644
--- a/src/assets/style/options.css
+++ b/src/assets/style/options.css
@@ -244,11 +244,13 @@ body {
 }
 
 #options #customize .robot {
+    float: right;
+    color: white;
     background: #3085d6;
     padding: 0 10px;
     height: 28px;
     line-height: 28px;
-    width: unset;
+    width: auto;
     border-radius: 4px;
 }
 
@@ -282,7 +284,6 @@ body {
 }
 
 #options .footBtn {
-    float: right;
     background: #02b340;
     color: white;
     padding: 2px 5px;
@@ -291,6 +292,7 @@ body {
     width: 25px;
     border-radius: 50%;
     cursor: pointer;
+    overflow: hidden;
 }
 
 #options .footBtn img{
@@ -305,16 +307,11 @@ body {
 
 #options .footBtn:hover {
     background: #068506;
-    width: 78px;
+    height: 110px;
     border-radius: 4px;
     transition: 0.2s;
 }
 
-#options .footBtn span{
-    vertical-align: middle;
-    font-size: 12px;
-    margin-left: 3px;
-}
 
 #options .footBtn.danger:hover {
     background: #b32033;
@@ -323,6 +320,9 @@ body {
 
 #options .foot {
     position: absolute;
+    display: flex;
+    align-items: flex-end;
+    justify-content: flex-end;
     height: 30px;
     right: 0px;
     bottom: 0px;
@@ -969,15 +969,3 @@ li.CodeMirror-hint {
 .swal2-input {
     text-align: center;
 }
-
-.circle {
-    position: absolute;
-    background: red;
-    border-radius: 50%;
-    padding: 1px;
-    top: -8px;
-    right: 160px;
-    width: 20px;
-    text-align: center;
-    display: none;
-}