diff --git a/plugins/Sidebar/SidebarPlugin.py b/plugins/Sidebar/SidebarPlugin.py
index e23d322c..c13821d4 100644
--- a/plugins/Sidebar/SidebarPlugin.py
+++ b/plugins/Sidebar/SidebarPlugin.py
@@ -428,7 +428,7 @@ class UiWebsocketPlugin(object):
         body.append(_(u"""
              <div class='flex'>
               <input type='text' class='text' value="content.json" id='input-contents'/>
-              <span>
+              <span id='wrapper-sign-publish' class='button'>
                <a href='#Sign-and-Publish' id='button-sign-publish'>{_[Sign and publish]}</a>
                <a href='#Sign-and-Publish' id='menu-sign-publish'>\u22EE</a>
               </span>
diff --git a/plugins/Sidebar/media/Sidebar.css b/plugins/Sidebar/media/Sidebar.css
index 9faa0da2..04377111 100644
--- a/plugins/Sidebar/media/Sidebar.css
+++ b/plugins/Sidebar/media/Sidebar.css
@@ -124,40 +124,20 @@
 .contents a { color: white }
 .contents a:active { background-color: #6B6B6B }
 
-.sign-publish-flex {
-	padding-bottom: 65px;
+#wrapper-sign-publish {
+	padding: 0;
+}
+#button-sign-publish, #menu-sign-publish {
+	display: inline-block;
+	margin: 5px 10px;
+
+	text-decoration: none;
 }
 #button-sign-publish {
-	position: relative;
-	padding: 0;
-	padding-left: 10px;
-	color: #000;
-	cursor: pointer;
+	margin-right: 5px;
 }
-#button-sign-publish-arrow {
-	display: inline-block;
-	padding: 5px 10px;
-	padding-bottom: 7px;
-	border-left: 1px solid #888;
-	margin-left: 3px;
-}
-
-#button-sign-publish-menu {
-	display: none;
-	width: 100%;
-	margin-top: 2px;
-
-	position: absolute;
-	left: 0;
-	top: 100%;
-}
-#button-sign-publish-menu.visible {
-	display: inline-block;
-}
-#button-sign-publish-menu a {
-	width: 100%;
-	margin-left: 0;
-	margin-top: 1px;
+#menu-sign-publish {
+	margin-left: 5px;
 }
 
 /* Small screen */
diff --git a/plugins/Sidebar/media/all.css b/plugins/Sidebar/media/all.css
index 99082916..bcb83041 100644
--- a/plugins/Sidebar/media/all.css
+++ b/plugins/Sidebar/media/all.css
@@ -202,40 +202,20 @@
 .contents a { color: white }
 .contents a:active { background-color: #6B6B6B }
 
-.sign-publish-flex {
-	padding-bottom: 65px;
+#wrapper-sign-publish {
+	padding: 0;
+}
+#button-sign-publish, #menu-sign-publish {
+	display: inline-block;
+	margin: 5px 10px;
+
+	text-decoration: none;
 }
 #button-sign-publish {
-	position: relative;
-	padding: 0;
-	padding-left: 10px;
-	color: #000;
-	cursor: pointer;
+	margin-right: 5px;
 }
-#button-sign-publish-arrow {
-	display: inline-block;
-	padding: 5px 10px;
-	padding-bottom: 7px;
-	border-left: 1px solid #888;
-	margin-left: 3px;
-}
-
-#button-sign-publish-menu {
-	display: none;
-	width: 100%;
-	margin-top: 2px;
-
-	position: absolute;
-	left: 0;
-	top: 100%;
-}
-#button-sign-publish-menu.visible {
-	display: inline-block;
-}
-#button-sign-publish-menu a {
-	width: 100%;
-	margin-left: 0;
-	margin-top: 1px;
+#menu-sign-publish {
+	margin-left: 5px;
 }
 
 /* Small screen */