diff --git a/note.html b/note.html
index 05e3149b5..a9ce723bc 100755
--- a/note.html
+++ b/note.html
@@ -241,14 +241,22 @@
               </div>
 
               <div id="newMyNote">
-                <a id="newNoteBtn" title="New note">
-                  <span class="new-note-text"  title="New note">+</span>
-                </a>
-                <span class="new-split">|</span>
-                <a id="newNoteMarkdownBtn" title="New markdown note">
-                  <span class="new-markdown-text" title="New markdown note">+M</span>
-                </a>
+
+                <!-- Split button -->
+                <div class="btn-group">
+                  <button type="button" class="btn btn-default dropdown-toggle btn-xs" 
+                  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    <i class="fa fa-file" aria-hidden="true"></i> <span class="caret"></span>
+                  </button>
+                  <ul class="dropdown-menu">
+                    <li><a id="newNoteBtn" href="#">New Document</a></li>
+                    <li><a id="newNoteMarkdownBtn" href="#">New Markdown</a></li>
+                  </ul>
+                </div>
+
                 <span id="curNotebookForNewNote" notebookId="" style="display: none"></span>
+                            
+              
               </div>
 
           </div>
diff --git a/public/themes/basic.less b/public/themes/basic.less
index 1328931e0..ff76b8f8c 100644
--- a/public/themes/basic.less
+++ b/public/themes/basic.less
@@ -1563,28 +1563,33 @@ h3 {
         color: #ccc;
         display: none;
     }
-    #newNoteBtn {
-        display: inline-block;
-        border: 1px solid #eee;
-        border-radius: 5px;
-        text-align: center;
-        height: 25px;
-        width: 20px;
-        line-height: initial;
-        padding-top: 3px;
-    }
-    #newNoteMarkdownBtn {
-        display: inline-block;
-        border: 1px solid #eee;
-        border-radius: 5px;
-        /* width: 100px; */
-        margin-left: 1px;
-        padding: 0 1px;
-        height: 25px;
-        line-height: initial;
-        text-align: center;
-        padding-top: 3px;
+    button{
+        padding: 5px;
+        background-color: #fafafa;
+        border: none;
     }
+    // #newNoteBtn {
+    //     display: inline-block;
+    //     border: 1px solid #eee;
+    //     border-radius: 5px;
+    //     text-align: center;
+    //     height: 25px;
+    //     width: 20px;
+    //     line-height: initial;
+    //     padding-top: 3px;
+    // }
+    // #newNoteMarkdownBtn {
+    //     display: inline-block;
+    //     border: 1px solid #eee;
+    //     border-radius: 5px;
+    //     /* width: 100px; */
+    //     margin-left: 1px;
+    //     padding: 0 1px;
+    //     height: 25px;
+    //     line-height: initial;
+    //     text-align: center;
+    //     padding-top: 3px;
+    // }
 }
 
 #myNotebookNavForListNav {
diff --git a/public/themes/default.less b/public/themes/default.less
index bdab8ca25..191042a2a 100644
--- a/public/themes/default.less
+++ b/public/themes/default.less
@@ -763,9 +763,6 @@ body {
     // font-family: '微软雅黑';
 }
 
-#newMyNote * {
-    font-family: 'Arial';
-}
 
 html,
 body,
diff --git a/public/themes/themes/night/theme.less b/public/themes/themes/night/theme.less
index 9de6b96b8..83e8be17c 100644
--- a/public/themes/themes/night/theme.less
+++ b/public/themes/themes/night/theme.less
@@ -168,7 +168,17 @@
 }
 
 #newMyNote #newNoteMarkdownBtn, #newMyNote #newNoteBtn {
-  border: 1px solid #615E5E;
+  // border: 1px solid #615E5E;
+
+  color:@itemHoverBg;
+  // background-color: @noteBgLess;
+}
+
+#newMyNote {
+    button{
+        color:@txtcolor;
+        background-color: @noteBgLess;
+    }
 }
 
 @noteBg: rgb(39, 38, 38);