diff --git a/src/lib/components/atoms/NavButton.svelte b/src/lib/components/atoms/NavButton.svelte index 3530d70..f24a44d 100644 --- a/src/lib/components/atoms/NavButton.svelte +++ b/src/lib/components/atoms/NavButton.svelte @@ -15,7 +15,6 @@ border: var(--grey-six); text-align: center; list-style: none; - display: inline-block; position: relative; font-weight: 500; font-size: 0.9rem; @@ -25,6 +24,9 @@ transition-duration: 0.25s; padding: 10px 25px; border-radius: 200px; + display: flex; + align-items: center; + justify-content: center; } a { diff --git a/src/lib/components/molecules/NavHost.svelte b/src/lib/components/molecules/NavHost.svelte index bddf13d..1023266 100644 --- a/src/lib/components/molecules/NavHost.svelte +++ b/src/lib/components/molecules/NavHost.svelte @@ -2,6 +2,7 @@ import Navigation from '../atoms/NavButton.svelte'; import { onMount } from 'svelte'; import { page } from '$app/stores'; + import Button from '../atoms/Button.svelte'; let menuBtn: HTMLElement; let menuOpen = false; @@ -19,21 +20,26 @@