diff --git a/frontend/src/css/app.css b/frontend/src/css/app.css
index c71471a..7365c98 100644
--- a/frontend/src/css/app.css
+++ b/frontend/src/css/app.css
@@ -29,6 +29,7 @@ body {
 header,
 main, 
 footer {
+    background: white;
     height: 100%;
     width: 100%;
     display: grid;
diff --git a/frontend/src/lib/components/Tabs.svelte b/frontend/src/lib/components/Tabs.svelte
index e681874..a6efa3e 100644
--- a/frontend/src/lib/components/Tabs.svelte
+++ b/frontend/src/lib/components/Tabs.svelte
@@ -33,16 +33,22 @@
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div id="tabs" on:click={activeClicked}>
-	<button id="info" class="active">Info</button>
-	<button id="desc">Descrizione</button>
-	<button id="map">Mappa</button>
-</div>
-<div class="tab">
-	<svelte:component this={component} />
+<div id="container">
+	<div id="tabs" on:click={activeClicked}>
+		<button id="info" class="active">Info</button>
+		<button id="desc">Descrizione</button>
+		<button id="map">Mappa</button>
+	</div>
+	<div class="tab">
+		<svelte:component this={component} />
+	</div>
 </div>
 
 <style>
+	#container {
+		background-color: white;
+		height: calc(20vh);
+	}
 	#tabs {
 		display: flex;
 		justify-content: center;
@@ -68,8 +74,6 @@
 
 	.tab {
 		padding: 10px;
-		height: 90%;
-		overflow: hidden;
 		background-color: white;
 	}
 
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 053544f..b49a193 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -4,4 +4,11 @@
 <slot></slot>
 <footer>
 	<BottomAppBar />
-</footer>
\ No newline at end of file
+</footer>
+
+
+<style>
+	footer {
+		background: white;
+	}
+</style>
\ No newline at end of file