diff --git a/css/bookmarks.css b/css/bookmarks.css
index 2e993efa..7818894e 100644
--- a/css/bookmarks.css
+++ b/css/bookmarks.css
@@ -27,6 +27,11 @@ input.disabled, input.disabled:hover, input.disabled:focus {
 	background-color: #ddd;
 	color: gray;
 }
+#settingsbtn { background: transparent; color:#666; 
+	border-bottom: 1px solid #ddd; border-top: 1px solid #fff; }
+#settingsbtn:hover { background:#dbdbdb !important; color:#999; 
+	border-bottom: 1px solid #CCCCCC; border-top: 1px solid #D4D4D4; }
+#settingsbtn img { width: 18px; height: 18px; margin: 10px;	}
 
 #rightcontent {
 	padding-top: 5px;
diff --git a/templates/list.php b/templates/list.php
index 54c06f22..2c92f025 100644
--- a/templates/list.php
+++ b/templates/list.php
@@ -35,11 +35,10 @@ function bookmarklet(){
 
 <div id="bookmark_settings" class="">
 	<ul class="controls">
-		<li style="float: right">
-			<button id="settingsbtn" title="<?php echo $l->t('Settings'); ?>">
+			<li id="settingsbtn" title="<?php echo $l->t('Settings'); ?>">
 				<img class="svg" src="<?php echo OCP\Util::imagePath('core', 'actions/settings.png'); ?>"
-				alt="<?php echo $l->t('Settings'); ?>"   /></button>
-		</li>
+				alt="<?php echo $l->t('Settings'); ?>" />
+			</li>
 	</ul>
 	<div id="bm_setting_panel">
 		<?php require 'settings.php';?>