diff --git a/src/lib/GitHubCalendar.svelte b/src/lib/GitHubCalendar.svelte
index 274e239..8044207 100644
--- a/src/lib/GitHubCalendar.svelte
+++ b/src/lib/GitHubCalendar.svelte
@@ -22,9 +22,7 @@
 	});
 </script>
 
-<div class={`calendar-holder ${className}`}>
-	<div class="calendar"></div>
-</div>
+<div class={`calendar ${className}`}></div>
 
 <style global>
 	:root {
@@ -35,7 +33,6 @@
 		--color-calendar-graph-day-L4-bg: #0a4208 !important;
 	}
 	:global {
-		.calendar-holder {
 			.ContributionCalendar-day[data-level='0'] {
 				background-color: var(--color-calendar-graph-day-bg) !important;
 			}
@@ -275,5 +272,5 @@
 				}
 			}
 		}
-	}
+
 </style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index cd2d20e..7366ea0 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { GitHubCalendar } from '../lib/index.js';
 </script>
-
+<main>
 <GitHubCalendar username="Paillat-dev" class="w-full h-auto" />
+</main>
\ No newline at end of file