diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 369cc08d..5398e825 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -42,13 +42,11 @@ const { path } = Astro.props;
padding-bottom: 8px;
text-decoration: none;
- &.active {
+ &.active,
+ &:hover,
+ :focus {
padding-top: 2px;
border-top: 3px solid;
- }
-
- &:focus,
- &:hover {
color: gold;
}
}
diff --git a/src/layouts/page.astro b/src/layouts/page.astro
index 57bba642..35e6941a 100644
--- a/src/layouts/page.astro
+++ b/src/layouts/page.astro
@@ -1,4 +1,5 @@
---
+import { ViewTransitions } from "astro:transitions";
import Nav from "../components/Nav.astro";
import Footer from "../components/Footer.astro";
import Social from "../components/Social.astro";
@@ -28,6 +29,8 @@ const { body, heading } = font;
href="https://assets.guim.co.uk/static/frontend/fonts/font-faces.css"
rel="stylesheet"
/>
+
+