diff --git a/BeauFindlay/src/BeauFindlay.Client/Layout/Footer.razor b/BeauFindlay/src/BeauFindlay.Client/Layout/Footer.razor
index bac0901..ab4cb04 100644
--- a/BeauFindlay/src/BeauFindlay.Client/Layout/Footer.razor
+++ b/BeauFindlay/src/BeauFindlay.Client/Layout/Footer.razor
@@ -1,5 +1,5 @@
 <footer class="mt-auto">
-    <div class="mx-auto">
+    <div class="mx-auto py-8">
         <div class="md:flex md:items-center md:justify-between">
             <div class="flex space-x-6 md:order-2">
                 <a href="https://github.com/bdfin" class="text-slate-200 hover:text-slate-500">
diff --git a/BeauFindlay/src/BeauFindlay.Client/Layout/NavBar.razor b/BeauFindlay/src/BeauFindlay.Client/Layout/NavBar.razor
index 371f07e..1d7e3b3 100644
--- a/BeauFindlay/src/BeauFindlay.Client/Layout/NavBar.razor
+++ b/BeauFindlay/src/BeauFindlay.Client/Layout/NavBar.razor
@@ -1,4 +1,4 @@
-<nav class="bg-black">
+<nav class="bg-black py-4">
     <div class="mx-auto max-w-7xl">
         <div class="relative flex h-20 items-center justify-between">
             <div class="absolute inset-y-0 left-0 flex items-center sm:hidden">