diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index ee2b6e216..1661a5767 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -39,22 +39,22 @@
     @if(Auth::check())
     <div class="d-block d-sm-none mt-5"></div>
     <div class="d-block d-sm-none fixed-bottom">
-        <div class="card card-body rounded-0 py-2 d-flex align-middle">
+        <div class="card card-body rounded-0 py-2 d-flex align-items-middle">
             <ul class="nav nav-pills nav-fill">
               <li class="nav-item">
-                <a class="nav-link text-muted" href="/"><i class="fas fa-home fa-lg"></i></a>
+                <a class="nav-link {{request()->is('/')?'text-primary':'text-muted'}}" href="/"><i class="fas fa-home fa-lg"></i></a>
               </li>
               <li class="nav-item">
-                <a class="nav-link text-muted" href="/timeline/public"><i class="far fa-map fa-lg"></i></a>
+                <a class="nav-link {{request()->is('timeline/public')?'text-primary':'text-muted'}}" href="/timeline/public"><i class="far fa-map fa-lg"></i></a>
               </li>
               <li class="nav-item">
                 <a class="nav-link text-primary" data-toggle="modal" data-target="#composeModal"><i class="fas fa-camera-retro fa-2x"></i></a>
               </li>
               <li class="nav-item">
-                <a class="nav-link text-muted" href="{{route('discover')}}"><i class="far fa-compass fa-lg"></i></a>
+                <a class="nav-link {{request()->is('discover')?'text-primary':'text-muted'}}" href="{{route('discover')}}"><i class="far fa-compass fa-lg"></i></a>
               </li>
               <li class="nav-item">
-                <a class="nav-link text-muted" href="{{Auth::user()->url()}}"><i class="far fa-user fa-lg"></i></a>
+                <a class="nav-link {{request()->is(Auth::user()->username)?'text-primary':'text-muted'}}" href="{{Auth::user()->url()}}"><i class="far fa-user fa-lg"></i></a>
               </li>
             </ul>
         </div>