diff --git a/src/renderer/src/app.postcss b/src/renderer/src/app.postcss
index d1161754..d0adf22b 100644
--- a/src/renderer/src/app.postcss
+++ b/src/renderer/src/app.postcss
@@ -53,7 +53,7 @@ body {
 }
 
 .btn-app-store-modal {
-	@apply bg-app-gradient btn !rounded-full;
+	@apply btn !rounded-full bg-app-gradient;
 }
 
 .btn-app-store-modal-secondary {
diff --git a/src/renderer/src/routes/main/app-store/+page.svelte b/src/renderer/src/routes/main/app-store/+page.svelte
index d42e43ce..8085042e 100644
--- a/src/renderer/src/routes/main/app-store/+page.svelte
+++ b/src/renderer/src/routes/main/app-store/+page.svelte
@@ -39,7 +39,7 @@
 
 <MainHeader {handlePress} bind:searchInput type={AppStore} />
 
-<div class="bg-apps-list-dark-gradient grow">
+<div class="grow bg-apps-list-dark-gradient">
 	<div class=" text-token grid w-full gap-4 md:grid-cols-2">
 		<div class="card variant-soft-warning m-4 flex items-center p-4">
 			<Avatar initials={'kn'} rounded="rounded-2xl" background="bg-app-gradient" />
diff --git a/src/renderer/src/routes/main/apps-view/components/ListOfApps.svelte b/src/renderer/src/routes/main/apps-view/components/ListOfApps.svelte
index 34b58ac8..70d8f5c5 100644
--- a/src/renderer/src/routes/main/apps-view/components/ListOfApps.svelte
+++ b/src/renderer/src/routes/main/apps-view/components/ListOfApps.svelte
@@ -16,7 +16,7 @@
 	const openApp = client.openApp.createMutation();
 </script>
 
-<div class="align-center bg-apps-list-dark-gradient flex grow justify-center bg-fixed">
+<div class="align-center flex grow justify-center bg-apps-list-dark-gradient bg-fixed">
 	<div
 		class="flex snap-x snap-mandatory scroll-px-4 gap-4 self-center overflow-x-auto scroll-smooth px-4 pt-4"
 	>
diff --git a/src/renderer/src/routes/main/components/MainHeader.svelte b/src/renderer/src/routes/main/components/MainHeader.svelte
index 7b783a4e..dea844d7 100644
--- a/src/renderer/src/routes/main/components/MainHeader.svelte
+++ b/src/renderer/src/routes/main/components/MainHeader.svelte
@@ -32,7 +32,7 @@
 	};
 </script>
 
-<div class="bg-apps-input-dark-gradient flex justify-between p-3">
+<div class="flex justify-between bg-apps-input-dark-gradient p-3">
 	{#if type == AppsView}
 		<Button
 			props={{
diff --git a/src/renderer/src/routes/splash/+layout.svelte b/src/renderer/src/routes/splash/+layout.svelte
index 66870791..23f32493 100644
--- a/src/renderer/src/routes/splash/+layout.svelte
+++ b/src/renderer/src/routes/splash/+layout.svelte
@@ -24,8 +24,8 @@
 	});
 </script>
 
-<div class="bg-login-background relative flex h-screen flex-col bg-fixed bg-top bg-no-repeat">
-	<div class="bg-tertiary-500 absolute inset-0 opacity-10" />
+<div class="relative flex h-screen flex-col bg-login-background bg-fixed bg-top bg-no-repeat">
+	<div class="absolute inset-0 bg-tertiary-500 opacity-10" />
 	<!-- White overlay div -->
 	<p class="z-10 p-1 text-center text-xs opacity-30">Holochain Beta 0.1</p>
 	{#if displayBackButton}