diff --git a/App/Views/Data/pengumuman.html b/App/Views/Data/pengumuman.html
index 73b66b1..65ef56a 100644
--- a/App/Views/Data/pengumuman.html
+++ b/App/Views/Data/pengumuman.html
@@ -8,10 +8,10 @@
     <div class="menu">
         {% if privilege != "" %}
             {% if privilege == 1 %}
-                <a href="/posts/category" class="navy" data-tooltip="Kategori"><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp;Kategori</a>
-                <a href="/register" class="navy" data-tooltip="User Baru"><i class="fa fa-user-plus" aria-hidden="true"></i>&nbsp;User</a>
+                <a href="/posts/category" class="navy button" data-tooltip="Kategori"><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp;Kategori</a>
+                <a href="/register" class="navy button" data-tooltip="User Baru"><i class="fa fa-user-plus" aria-hidden="true"></i>&nbsp;User</a>
             {% endif %}
-            <a href="/logout" class="navy" data-tooltip="Keluar"><i class="fa fa-sign-out" aria-hidden="true"></i>&nbsp;Keluar</a>
+            <a href="/logout" class="navy button" data-tooltip="Keluar"><i class="fa fa-sign-out" aria-hidden="true"></i>&nbsp;Keluar</a>
         {% else %}
             <a href="/login" class="navy hidden-hover" data-tooltip="Masuk">
                 <i class="fa fa-sign-in" aria-hidden="true"></i>&nbsp;Masuk
diff --git a/App/Views/base.html b/App/Views/base.html
index efdf6cf..201277b 100644
--- a/App/Views/base.html
+++ b/App/Views/base.html
@@ -77,9 +77,14 @@
 
             nav .menu>.navy {
                 color: #000;
+                background-color: transparent;
                 margin-right: 2.5em;
             }
 
+            nav .menu>.navy:hover {
+                background-color: rgba(17, 17, 17, .15);
+            }
+
             .navy:hover, .title:hover {
                 color: rgba(17, 17, 17, .3);
             }