From 8c90c406ce55e2ecd2a52c3b9ecd799c24740c74 Mon Sep 17 00:00:00 2001
From: Phill Pover <phill@anatid.net>
Date: Sat, 5 Apr 2025 09:20:00 +0100
Subject: [PATCH] Fixing layout styles

---
 frontend/src/app/album/page.tsx                         | 2 +-
 frontend/src/app/components/navigation/navbar/index.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/album/page.tsx b/frontend/src/app/album/page.tsx
index 8e4de5d..049ae6c 100644
--- a/frontend/src/app/album/page.tsx
+++ b/frontend/src/app/album/page.tsx
@@ -32,7 +32,7 @@ export default function Page() {
   }
 
   return (
-    <div>
+    <div class="container">
       <ul>
         {albums.map((album: Album) => (
           <li key={album.id}>
diff --git a/frontend/src/app/components/navigation/navbar/index.tsx b/frontend/src/app/components/navigation/navbar/index.tsx
index 4c155bc..1c5b1a9 100644
--- a/frontend/src/app/components/navigation/navbar/index.tsx
+++ b/frontend/src/app/components/navigation/navbar/index.tsx
@@ -5,7 +5,7 @@ import Button from "./button";
 
 const Navbar = () => {
   return (
-    <>
+    <nav class="navbar">
       <div className="w-full h-20 bg-emerald-800 sticky top-0">
         <div className="container mx-auto px-4 h-full">
           <div className="flex justify-between items-center h-full">
@@ -23,7 +23,7 @@ const Navbar = () => {
           </div>
         </div>
       </div>
-    </>
+    </nav>
   );
 };