diff --git a/apps/manacore/apps/web/src/lib/components/dashboard/DashboardGrid.svelte b/apps/manacore/apps/web/src/lib/components/dashboard/DashboardGrid.svelte
index 6bc176d2a..af0bb9809 100644
--- a/apps/manacore/apps/web/src/lib/components/dashboard/DashboardGrid.svelte
+++ b/apps/manacore/apps/web/src/lib/components/dashboard/DashboardGrid.svelte
@@ -8,6 +8,7 @@
 	import { dndzone, type DndEvent } from 'svelte-dnd-action';
 	import { flip } from 'svelte/animate';
 	import type { WidgetConfig } from '$lib/types/dashboard';
+	import { WIDGET_SIZE_CLASSES } from '$lib/types/dashboard';
 	import { dashboardStore } from '$lib/stores/dashboard.svelte';
 	import WidgetContainer from './WidgetContainer.svelte';
 
@@ -44,7 +45,7 @@
 	onfinalize={handleFinalize}
 >
 	{#each items as widget (widget.id)}
-		<div animate:flip={{ duration: flipDurationMs }}>
+		<div class={WIDGET_SIZE_CLASSES[widget.size]} animate:flip={{ duration: flipDurationMs }}>
 			<WidgetContainer {widget} />
 		</div>
 	{/each}
diff --git a/apps/manacore/apps/web/src/lib/components/dashboard/WidgetContainer.svelte b/apps/manacore/apps/web/src/lib/components/dashboard/WidgetContainer.svelte
index 097c3fb23..d9c1374e0 100644
--- a/apps/manacore/apps/web/src/lib/components/dashboard/WidgetContainer.svelte
+++ b/apps/manacore/apps/web/src/lib/components/dashboard/WidgetContainer.svelte
@@ -9,7 +9,7 @@
 	import { _ } from 'svelte-i18n';
 	import { Card } from '@manacore/shared-ui';
 	import type { WidgetConfig, WidgetSize } from '$lib/types/dashboard';
-	import { WIDGET_SIZE_CLASSES, getWidgetMeta } from '$lib/types/dashboard';
+	import { getWidgetMeta } from '$lib/types/dashboard';
 	import { dashboardStore } from '$lib/stores/dashboard.svelte';
 
 	// Widget components
@@ -37,7 +37,6 @@
 	let { widget }: Props = $props();
 
 	const meta = $derived(getWidgetMeta(widget.type));
-	const sizeClasses = $derived(WIDGET_SIZE_CLASSES[widget.size]);
 
 	const sizes: WidgetSize[] = ['small', 'medium', 'large', 'full'];
 	const sizeLabels: Record<WidgetSize, string> = {
@@ -78,7 +77,7 @@
 	const WidgetComponent = $derived(widgetComponents[widget.type]);
 </script>
 
-<div class={sizeClasses}>
+<div>
 	<Card class="relative h-full">
 		<!-- Edit Mode Overlay -->
 		{#if dashboardStore.isEditing}