diff --git a/web/src/routes/dashboard/+page.svelte b/web/src/routes/dashboard/+page.svelte
index 948a828..74e324f 100644
--- a/web/src/routes/dashboard/+page.svelte
+++ b/web/src/routes/dashboard/+page.svelte
@@ -70,7 +70,7 @@
 	<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 		Dashboard
 	</h1>
-	<div class="min-h-screen flex-1 items-center justify-center rounded-xl p-4 md:min-h-min">
+	<main class="min-h-screen flex-1 items-center justify-center rounded-xl p-4 md:min-h-min">
 		<div class="mx-auto max-w-[70vw] md:max-w-[80vw]">
 			<h3 class="my-4 text-center text-2xl font-semibold">Trending Shows</h3>
 			<RecommendedMediaCarousel isLoading={showsLoading} isShow={true} media={recommendedShows} />
@@ -82,7 +82,7 @@
 				media={recommendedMovies}
 			/>
 		</div>
-	</div>
+	</main>
 
 	<!---
         <div class="grid auto-rows-min gap-4 md:grid-cols-3">
diff --git a/web/src/routes/dashboard/about/+page.svelte b/web/src/routes/dashboard/about/+page.svelte
index 80794a5..f22d66b 100644
--- a/web/src/routes/dashboard/about/+page.svelte
+++ b/web/src/routes/dashboard/about/+page.svelte
@@ -33,7 +33,7 @@
 	</div>
 </header>
 
-<div class="mx-auto flex w-full flex-1 flex-col gap-4 items-center p-4 md:max-w-[80em]">
+<main class="mx-auto flex w-full flex-1 flex-col gap-4 items-center p-4 md:max-w-[80em]">
 	<img alt="Media Manager Logo" class="mb-4 h-24 w-24" src={logo} />
 	<h1 class="mb-2 text-4xl font-bold">About Media Manager</h1>
 	<p class="mb-6 mt-10 max-w-2xl text-center text-lg">
@@ -104,4 +104,4 @@
 			>
 		</a>
 	</div>
-</div>
+</main>
diff --git a/web/src/routes/dashboard/movies/+page.svelte b/web/src/routes/dashboard/movies/+page.svelte
index 5e290fd..ef9b7c8 100644
--- a/web/src/routes/dashboard/movies/+page.svelte
+++ b/web/src/routes/dashboard/movies/+page.svelte
@@ -73,7 +73,7 @@
 	<Skeleton class="h-[50vh] w-full " />
 	<Skeleton class="h-[50vh] w-full " />
 {/snippet}
-<div class="flex w-full flex-1 flex-col gap-4 p-4 pt-0">
+<main class="flex w-full flex-1 flex-col gap-4 p-4 pt-0">
 	<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">Movies</h1>
 	<div
 		class="grid w-full auto-rows-min gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
@@ -98,4 +98,4 @@
 			{/each}
 		{/if}
 	</div>
-</div>
+</main>
diff --git a/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte b/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte
index 6d1b124..c294f54 100644
--- a/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte
+++ b/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte
@@ -57,7 +57,7 @@
 <h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 	{getFullyQualifiedMediaName(movie)}
 </h1>
-<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
+<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
 	<div class="flex flex-col gap-4 md:flex-row md:items-stretch">
 		<div class="w-full overflow-hidden rounded-xl bg-muted/50 md:w-1/3 md:max-w-sm">
 			{#if movie.id}
@@ -119,4 +119,4 @@
 			</Card.Content>
 		</Card.Root>
 	</div>
-</div>
+</main>
diff --git a/web/src/routes/dashboard/movies/add-movie/+page.svelte b/web/src/routes/dashboard/movies/add-movie/+page.svelte
index d473486..d0dd8a4 100644
--- a/web/src/routes/dashboard/movies/add-movie/+page.svelte
+++ b/web/src/routes/dashboard/movies/add-movie/+page.svelte
@@ -96,7 +96,7 @@
 	</div>
 </header>
 
-<div class="flex w-full max-w-[90vw] flex-1 flex-col items-center gap-4 p-4 pt-0">
+<main class="flex w-full max-w-[90vw] flex-1 flex-col items-center gap-4 p-4 pt-0">
 	<div class="grid w-full max-w-sm items-center gap-12">
 		<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 			Add a Movie
@@ -151,4 +151,4 @@
 			{/each}
 		</div>
 	{/if}
-</div>
+</main>
diff --git a/web/src/routes/dashboard/movies/requests/+page.svelte b/web/src/routes/dashboard/movies/requests/+page.svelte
index 660e9aa..0f0973a 100644
--- a/web/src/routes/dashboard/movies/requests/+page.svelte
+++ b/web/src/routes/dashboard/movies/requests/+page.svelte
@@ -40,9 +40,9 @@
 	</div>
 </header>
 
-<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
+<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
 	<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 		Movie Requests
 	</h1>
 	<RequestsTable {requests} isShow={false} />
-</div>
+</main>
diff --git a/web/src/routes/dashboard/movies/torrents/+page.svelte b/web/src/routes/dashboard/movies/torrents/+page.svelte
index a15cebe..a221105 100644
--- a/web/src/routes/dashboard/movies/torrents/+page.svelte
+++ b/web/src/routes/dashboard/movies/torrents/+page.svelte
@@ -59,7 +59,7 @@
 	</div>
 </header>
 
-<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
+<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
 	<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 		Movie Torrents
 	</h1>
@@ -81,4 +81,4 @@
 			<div class="col-span-full text-center text-muted-foreground">No Torrents added yet.</div>
 		{/each}
 	</Accordion.Root>
-</div>
+</main>
diff --git a/web/src/routes/dashboard/notifications/+page.svelte b/web/src/routes/dashboard/notifications/+page.svelte
index ac9570d..f6a43a0 100644
--- a/web/src/routes/dashboard/notifications/+page.svelte
+++ b/web/src/routes/dashboard/notifications/+page.svelte
@@ -183,7 +183,7 @@
 	</div>
 </header>
 
-<div class="container mx-auto px-4 py-8">
+<main class="container mx-auto px-4 py-8">
 	<div class="mb-6 flex items-center justify-between">
 		<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Notifications</h1>
 		{#if unreadNotifications.length > 0}
@@ -329,4 +329,4 @@
 			</div>
 		{/if}
 	{/if}
-</div>
+</main>
diff --git a/web/src/routes/dashboard/settings/+page.svelte b/web/src/routes/dashboard/settings/+page.svelte
index 01f94c5..5d2ce07 100644
--- a/web/src/routes/dashboard/settings/+page.svelte
+++ b/web/src/routes/dashboard/settings/+page.svelte
@@ -40,7 +40,7 @@
 	</div>
 </header>
 
-<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
+<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
 	<h1 class="my-6 scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 		Settings
 	</h1>
@@ -64,4 +64,4 @@
 			</Card.Content>
 		</Card.Root>
 	{/if}
-</div>
+</main>
diff --git a/web/src/routes/dashboard/tv/+page.svelte b/web/src/routes/dashboard/tv/+page.svelte
index 3873a1a..ac6806b 100644
--- a/web/src/routes/dashboard/tv/+page.svelte
+++ b/web/src/routes/dashboard/tv/+page.svelte
@@ -51,7 +51,7 @@
 	<Skeleton class="h-[50vh] w-full " />
 	<Skeleton class="h-[50vh] w-full " />
 {/snippet}
-<div class="flex w-full flex-1 flex-col gap-4 p-4 pt-0">
+<main class="flex w-full flex-1 flex-col gap-4 p-4 pt-0">
 	<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 		TV Shows
 	</h1>
@@ -82,4 +82,4 @@
 			{/await}
 		{/await}
 	</div>
-</div>
+</main>
diff --git a/web/src/routes/dashboard/tv/[showId=uuid]/+page.svelte b/web/src/routes/dashboard/tv/[showId=uuid]/+page.svelte
index 0cbe0dc..c7b7cae 100644
--- a/web/src/routes/dashboard/tv/[showId=uuid]/+page.svelte
+++ b/web/src/routes/dashboard/tv/[showId=uuid]/+page.svelte
@@ -94,7 +94,7 @@
 <h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 	{getFullyQualifiedMediaName(show())}
 </h1>
-<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
+<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
 	<div class="flex flex-col gap-4 md:flex-row md:items-stretch">
 		<div class="w-full overflow-hidden rounded-xl bg-muted/50 md:w-1/3 md:max-w-sm">
 			{#if show().id}
@@ -212,4 +212,4 @@
 			</Card.Content>
 		</Card.Root>
 	</div>
-</div>
+</main>
diff --git a/web/src/routes/dashboard/tv/[showId=uuid]/[SeasonId=uuid]/+page.svelte b/web/src/routes/dashboard/tv/[showId=uuid]/[SeasonId=uuid]/+page.svelte
index bd2520b..a39cc08 100644
--- a/web/src/routes/dashboard/tv/[showId=uuid]/[SeasonId=uuid]/+page.svelte
+++ b/web/src/routes/dashboard/tv/[showId=uuid]/[SeasonId=uuid]/+page.svelte
@@ -64,7 +64,7 @@
 <h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 	{getFullyQualifiedMediaName(show())} Season {season.number}
 </h1>
-<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
+<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
 	<div class="flex flex-col gap-4 md:flex-row md:items-stretch">
 		<div class="w-full overflow-hidden rounded-xl bg-muted/50 md:w-1/3 md:max-w-sm">
 			<MediaPicture media={show()} />
@@ -155,4 +155,4 @@
 			</Card.Content>
 		</Card.Root>
 	</div>
-</div>
+</main>
diff --git a/web/src/routes/dashboard/tv/add-show/+page.svelte b/web/src/routes/dashboard/tv/add-show/+page.svelte
index 592f314..34b4d75 100644
--- a/web/src/routes/dashboard/tv/add-show/+page.svelte
+++ b/web/src/routes/dashboard/tv/add-show/+page.svelte
@@ -96,7 +96,7 @@
 	</div>
 </header>
 
-<div class="flex w-full max-w-[90vw] flex-1 flex-col items-center gap-4 p-4 pt-0">
+<main class="flex w-full max-w-[90vw] flex-1 flex-col items-center gap-4 p-4 pt-0">
 	<div class="grid w-full max-w-sm items-center gap-12">
 		<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 			Add a Show
@@ -151,4 +151,4 @@
 			{/each}
 		</div>
 	{/if}
-</div>
+</main>
diff --git a/web/src/routes/dashboard/tv/requests/+page.svelte b/web/src/routes/dashboard/tv/requests/+page.svelte
index 763a7bb..a2fcb79 100644
--- a/web/src/routes/dashboard/tv/requests/+page.svelte
+++ b/web/src/routes/dashboard/tv/requests/+page.svelte
@@ -41,9 +41,9 @@
 	</div>
 </header>
 
-<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
+<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
 	<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
 		Season Requests
 	</h1>
 	<RequestsTable {requests} isShow={true} />
-</div>
+</main>
diff --git a/web/src/routes/login/+layout.svelte b/web/src/routes/login/+layout.svelte
index 9bef3fa..5ea14a6 100644
--- a/web/src/routes/login/+layout.svelte
+++ b/web/src/routes/login/+layout.svelte
@@ -14,7 +14,7 @@
 
 <div class="grid min-h-svh lg:grid-cols-2">
     <div class="flex flex-col gap-4 p-6 md:p-10">
-        <div class="flex justify-center gap-2 md:justify-start">
+        <header class="flex justify-center gap-2 md:justify-start">
             <a class="flex items-center gap-2 " href="{base}/">
                 <div class="flex size-16 items-center justify-center rounded-md text-primary-foreground">
                     <img alt="MediaManager Logo" class="size-12" src={logo} />
@@ -24,30 +24,30 @@
                     <span class="truncate text-xs">{PUBLIC_VERSION}</span>
                 </div>
             </a>
-        </div>
-        <div class="flex flex-1 items-center justify-center">
+        </header>
+        <main class="flex flex-1 items-center justify-center">
             <div class="w-full max-w-[90vw]">
                 {@render children()}
             </div>
-        </div>
+        </main>
         <div class="flex flex-col items-center justify-center gap-3 text-center">
-            <a class="underline" href="https://maxdorninger.github.io/MediaManager/troubleshooting.html">
+            <a  target="_blank" class="underline" href="https://maxdorninger.github.io/MediaManager/troubleshooting.html">
                 Trouble logging in?
             </a>
-            <div
+            <footer
                 class="flex flex-wrap items-center justify-center gap-x-3 gap-y-1 text-sm text-muted-foreground"
             >
-                <a class="underline" href="https://github.com/maxdorninger/MediaManager">GitHub</a>
+                <a target="_blank" class="underline" href="https://github.com/maxdorninger/MediaManager">GitHub</a>
                 <Separator class="h-4" orientation="vertical" />
-                <a class="underline" href="https://github.com/sponsors/maxdorninger">Donate</a>
+                <a  target="_blank" class="underline" href="https://github.com/sponsors/maxdorninger">Donate</a>
                 <Separator class="h-4" orientation="vertical" />
-                <a
+                <a  target="_blank"
                     class="underline"
                     href="https://unsplash.com/photos/blue-white-and-red-abstract-painting-NTYYL9Eb9y8"
                 >
                     Image Credit
                 </a>
-            </div>
+            </footer>
         </div>
     </div>
     <div class="relative hidden lg:block">
diff --git a/web/src/routes/login/+page.svelte b/web/src/routes/login/+page.svelte
index bf37adc..24367db 100644
--- a/web/src/routes/login/+page.svelte
+++ b/web/src/routes/login/+page.svelte
@@ -14,5 +14,6 @@
 	/>
 </svelte:head>
 
-
-<LoginCard oauthProvider={oauthProvider()} />
+<main>
+	<LoginCard oauthProvider={oauthProvider()} />
+</main>
\ No newline at end of file