diff --git a/css/global.css b/css/global.css
index 5573271..27fb77e 100644
--- a/css/global.css
+++ b/css/global.css
@@ -6,10 +6,6 @@
   --blue-ish: #587291; /* buttons etc */
 }
 
-.right {
-  float: right;
-}
-
 .noselect {
   user-select: none;
 }
@@ -51,3 +47,11 @@ a:hover {
 footer {
   color: white;
 }
+
+.right {
+  float: right;
+}
+
+.less_padding {
+  padding: 16px 16px;
+}
diff --git a/js/addnavbar.js b/js/addnavbar.js
index 3d67772..990adea 100644
--- a/js/addnavbar.js
+++ b/js/addnavbar.js
@@ -3,7 +3,7 @@ const navbar = `<ul class="navbar noselect">
   <li><a href="/user" id="hide_user">Profile</a></li>
   <li><a href="/posts" id="hide_posts">Posts</a></li>
   <li><a href="/search" id="hide_search">Search</a></li>
-  <li class="right"><a href="/settings" id="hide_settings"><img src="/images/settings_min.png" width=14 height=14></a></li>
+  <li class="right"><a href="/settings" id="hide_settings" class="less_padding"><img src="/images/settings_min.png" width=30 height=30></a></li>
 </ul>`
 
 function addnavbar() {