diff --git a/assets/main.css b/assets/main.css
index 177740d..569796d 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -53,8 +53,7 @@ a {
 }
 
 a:hover,
-a:active,
-a:focus {
+a:active {
     color: var(--subtext0)
 }
 
@@ -83,8 +82,7 @@ a:focus {
 }
 
 .navbar-theme:hover,
-.navbar-theme:active,
-.navbar-theme:focus {
+.navbar-theme:active {
     cursor: pointer;
 }
 
diff --git a/src/components/navbar.rs b/src/components/navbar.rs
index 1ac87b7..86a4058 100644
--- a/src/components/navbar.rs
+++ b/src/components/navbar.rs
@@ -24,6 +24,6 @@ pub fn Navbar() -> Element {
                 }
             }
         }
-        div { class: "content-wrapper", AnimatedOutlet::<Route> {} }
+        div { class: "content-wrapper", {} }
     }
 }
diff --git a/src/router.rs b/src/router.rs
index 539261b..15f2706 100644
--- a/src/router.rs
+++ b/src/router.rs
@@ -12,7 +12,7 @@ use dioxus_motion::prelude::*;
 #[derive(Debug, Clone, Routable, PartialEq, MotionTransitions)]
 #[rustfmt::skip]
 pub enum Route {
-    #[layout(Navbar)]
+    #[layout(MotionTransitionBuilder)]
         #[route("/")]
         #[transition(Fade)]
         Home {},
@@ -40,3 +40,10 @@ pub enum Route {
     #[route("/:..route")]
     PageNotFound { route: Vec<String> },
 }
+
+#[component]
+pub fn MotionTransitionBuilder() -> Element {
+    rsx! {
+        AnimatedOutlet::<Route> {}
+    }
+}