diff --git a/apps/www/src/lib/components/app/meny/ProductPreview.svelte b/apps/www/src/lib/components/app/meny/ProductPreview.svelte
index 9b948c32..c063e6e0 100644
--- a/apps/www/src/lib/components/app/meny/ProductPreview.svelte
+++ b/apps/www/src/lib/components/app/meny/ProductPreview.svelte
@@ -36,7 +36,7 @@
 </script>
 
 <div
-	class="bg-background relative flex h-full flex-col overflow-hidden rounded-xl border-2 shadow-md"
+	class="relative flex h-full flex-col overflow-hidden rounded-xl border-2 bg-background shadow-md"
 >
 	<div class="relative border-b-2">
 		{#if !disableWishlist}
diff --git a/apps/www/src/lib/components/portal/Header.svelte b/apps/www/src/lib/components/portal/Header.svelte
index 85857ef2..cc84b6ab 100644
--- a/apps/www/src/lib/components/portal/Header.svelte
+++ b/apps/www/src/lib/components/portal/Header.svelte
@@ -67,7 +67,7 @@
 
 <svelte:window onresize={handleResize} />
 
-<div class="bg-background sticky top-0 z-10">
+<div class="sticky top-0 z-10 bg-background">
 	<header class="flex items-center justify-between">
 		<a href="/" class="mr-10">
 			<img src={logo} alt="Logo" class="h-12 w-12" />
diff --git a/apps/www/src/routes/portal/+layout.svelte b/apps/www/src/routes/portal/+layout.svelte
index dad8b693..023e48cb 100644
--- a/apps/www/src/routes/portal/+layout.svelte
+++ b/apps/www/src/routes/portal/+layout.svelte
@@ -5,7 +5,7 @@
 </script>
 
 <div class="flex min-h-screen flex-col">
-	<div class="bg-background sticky top-0 z-10">
+	<div class="sticky top-0 z-10 bg-background">
 		<div class="mx-auto max-w-screen-lg">
 			<Header notifications={data.notifications} />
 		</div>
diff --git a/apps/www/src/routes/portal/claim-beer/+page.server.ts b/apps/www/src/routes/portal/claim-beer/+page.server.ts
index f341bd78..f62431da 100644
--- a/apps/www/src/routes/portal/claim-beer/+page.server.ts
+++ b/apps/www/src/routes/portal/claim-beer/+page.server.ts
@@ -52,6 +52,7 @@ export const actions: Actions = {
 
 		const data = await request.formData();
 		const productId = data.get('productId')?.toString();
+		const productName = data.get('productName')?.toString();
 		const creditCostStr = data.get('creditCost')?.toString();
 
 		if (!productId || !creditCostStr) {
@@ -82,7 +83,7 @@ export const actions: Actions = {
 						return locals.notificationService.create(
 							user.userId,
 							'Produkt claimet',
-							`${locals.user?.name} har claimed productet ${productId} for ${creditCost} credits.`
+							`${locals.user?.name} har claimed produktet ${productName} for ${creditCost} credits.`
 						);
 					})
 				);
diff --git a/apps/www/src/routes/portal/claim-beer/+page.svelte b/apps/www/src/routes/portal/claim-beer/+page.svelte
index 365f386b..09270ba2 100644
--- a/apps/www/src/routes/portal/claim-beer/+page.svelte
+++ b/apps/www/src/routes/portal/claim-beer/+page.svelte
@@ -210,7 +210,7 @@
 
 	<div class="flex w-full flex-col gap-8 sm:mx-auto sm:max-w-screen-sm md:max-w-full md:flex-row">
 		<div>
-			<div class="bg-background mb-4 items-center justify-center rounded-xl border-2 p-4 shadow-md">
+			<div class="mb-4 items-center justify-center rounded-xl border-2 bg-background p-4 shadow-md">
 				<div class="bg-backg text-2xl font-bold text-gray-900">
 					{unclaimedBeers}
 					{unclaimedBeers === 1 ? 'bong' : 'bonger'}
diff --git a/apps/www/src/routes/portal/notifikasjoner/+page.svelte b/apps/www/src/routes/portal/notifikasjoner/+page.svelte
index f9d8fa72..163b71f9 100644
--- a/apps/www/src/routes/portal/notifikasjoner/+page.svelte
+++ b/apps/www/src/routes/portal/notifikasjoner/+page.svelte
@@ -19,7 +19,7 @@
 				<form action="?/archive" method="post" use:enhance>
 					<input type="hidden" name="notificationId" value={notification.id} />
 					<button>
-						<Check class="hover:bg-background size-9 rounded-lg p-2 text-green-600" />
+						<Check class="size-9 rounded-lg p-2 text-green-600 hover:bg-background" />
 					</button>
 				</form>
 			</div>