diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index 6a857e8..d8ff3b1 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -14605,7 +14605,8 @@ body.scroller-active #gchat-reopen-bubble {
 /* Filter badge style on navbar */
 .filter-badge {
   position: absolute;
-  bottom: -14px;
+  bottom: -20px;
+  right: 0;
   font-size: 9px;
   font-weight: 800;
   padding: 2px 4px;
diff --git a/views/snippets/navbar.html b/views/snippets/navbar.html
index e2bb409..44204dc 100644
--- a/views/snippets/navbar.html
+++ b/views/snippets/navbar.html
@@ -121,7 +121,7 @@
       <a href="/settings" title="Settings" class="desktop-only"><i class="fa-solid fa-gear"></i></a>
 
       <!-- Filter -->
-      <a href="#" id="nav-filter-btn" title="Filter" style="position: relative; display: inline-flex; align-items: center; justify-content: center;">
+      <a href="#" id="nav-filter-btn" title="Filter" style="position: relative; display: inline-flex; align-items: center; justify-content: center; z-index: 1000;">
         <i class="fa-solid fa-filter"></i>
         @if(session.mode == 0)
         <span id="nav-filter-badge" class="filter-badge filter-badge-sfw">SFW</span>