diff --git a/src/lib/components/dashboard/WishlistCard.svelte b/src/lib/components/dashboard/WishlistCard.svelte
index a8a6d0a..b74e0e5 100644
--- a/src/lib/components/dashboard/WishlistCard.svelte
+++ b/src/lib/components/dashboard/WishlistCard.svelte
@@ -23,7 +23,7 @@
 
 <Card style={cardStyle} class="h-full flex flex-col">
 	<CardHeader class="flex-shrink-0">
-		<div class="flex items-center justify-between gap-2">
+		<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-1 sm:gap-2">
 			<CardTitle class="text-lg flex items-center gap-2 flex-1 min-w-0">
 				<span class="truncate">{title}</span>
 			</CardTitle>
diff --git a/src/lib/components/dashboard/WishlistGrid.svelte b/src/lib/components/dashboard/WishlistGrid.svelte
index b04f6a4..9645670 100644
--- a/src/lib/components/dashboard/WishlistGrid.svelte
+++ b/src/lib/components/dashboard/WishlistGrid.svelte
@@ -46,13 +46,15 @@
 
 <Card>
 	<CardHeader>
-		<div class="flex items-center justify-between">
-			<div>
+		<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+			<div class="flex-1 min-w-0">
 				<CardTitle>{title}</CardTitle>
 				<CardDescription>{description}</CardDescription>
 			</div>
 			{#if headerAction}
-				{@render headerAction()}
+				<div class="flex-shrink-0">
+					{@render headerAction()}
+				</div>
 			{/if}
 		</div>
 		{#if searchBar}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 40b5be6..f13d5b2 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -46,14 +46,14 @@
 <div class="min-h-screen flex items-center justify-center p-4">
 	<Card class="w-full max-w-lg">
 		<CardHeader>
-			<div class="flex items-center justify-between">
-				<div>
+			<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+				<div class="flex-1 min-w-0">
 					<CardTitle class="text-3xl">{t.wishlist.createTitle}</CardTitle>
 					<CardDescription>
 						{t.wishlist.createDescription}
 					</CardDescription>
 				</div>
-				<div class="flex items-center gap-1 sm:gap-2">
+				<div class="flex items-center gap-1 sm:gap-2 flex-shrink-0">
 					<LanguageToggle />
 					<ThemeToggle />
 					{#if data.session?.user}