diff --git a/frontend/src/lib/components/common/SparkLine.svelte b/frontend/src/lib/components/common/SparkLine.svelte
index 316c286..17c9fad 100644
--- a/frontend/src/lib/components/common/SparkLine.svelte
+++ b/frontend/src/lib/components/common/SparkLine.svelte
@@ -43,7 +43,7 @@
 	});
 </script>
 
-<svg {width} {height} class="overflow-visible">
+<svg viewBox="0 0 {width} {height}" class="w-full h-full overflow-visible" preserveAspectRatio="none">
 	<defs>
 		<linearGradient id="sparkGradient-{color}" x1="0%" y1="0%" x2="0%" y2="100%">
 			<stop offset="0%" style="stop-color:{color};stop-opacity:0.3" />