diff --git a/fclauncher/frontend/src/App.svelte b/fclauncher/frontend/src/App.svelte
index 1ad7250..6e845df 100644
--- a/fclauncher/frontend/src/App.svelte
+++ b/fclauncher/frontend/src/App.svelte
@@ -24,11 +24,11 @@
   <body>
 	<img alt="Wails logo" id="logo" src="{logo}">
 	{#if $loading}
-		<div transition:slide="{{duration:100}}">
+		<div transition:slide="{{duration:100}}" class="central">
 			<Loading />
 		</div>
 	{:else}
-		<div transition:slide="{{duration:100}}">
+		<div transition:slide="{{duration:100}}" class="central">
   		<Instances />
 		</div>
 	{/if}
@@ -42,6 +42,7 @@
 		--text-secondary: #ececec;
 		--bg-primary: #23232e;
 		--bg-secondary: #141418;
+		background-color: var(--bg-secondary);
 	}
 
   #logo {
@@ -60,10 +61,14 @@
 	display: flex;
 	flex-direction: column;
 	margin-left: 5rem;
+	
   }
 
   main{
-	
+	background-color: var(--bg-secondary);
+  }
+  .central{
+	background-color: var(--bg-secondary);
   }
 
 
