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>
   );
 };