diff --git a/src/App.css b/src/App.css
index 5bcc793..224b6b8 100644
--- a/src/App.css
+++ b/src/App.css
@@ -860,12 +860,11 @@
 }
 
 .bottom-nav-avatar {
-    width: 26px;
-    height: 26px;
+    width: 22px;
+    height: 22px;
     border-radius: 50%;
     object-fit: cover;
     flex-shrink: 0;
-    border: 2px solid transparent;
 }
 
 .bottom-nav-avatar-placeholder {
@@ -879,7 +878,8 @@
 }
 
 .bottom-nav-btn-active .bottom-nav-avatar {
-    border-color: currentColor;
+    outline: 2px solid currentColor;
+    outline-offset: 1px;
 }
 
 .bottom-nav-btn span {
@@ -2167,8 +2167,8 @@
     }
 
     .bottom-nav-avatar {
-        width: 31px;
-        height: 31px;
+        width: 22px;
+        height: 22px;
     }
 
     /* Active pill keeps green but full-width */