diff --git a/src/Graph.tsx b/src/Graph.tsx
index aac98ca..38c8b06 100644
--- a/src/Graph.tsx
+++ b/src/Graph.tsx
@@ -135,7 +135,7 @@ function XAxisMarks({
   xMarks,
   projectX,
 }: {
-  height: number;
+  height: Accessor<number>;
   xMarks: number[];
   projectX: Projector;
 }) {
@@ -148,12 +148,12 @@ function XAxisMarks({
             <line
               x1={x}
               x2={x}
-              y1={height}
-              y2={height - 2}
+              y1={height()}
+              y2={height() - 2}
               data-x={xMark}
               class="stroke-[0.5] stroke-gray-400"
             />
-            <text x={x} y={height - 5} text-anchor="middle">
+            <text x={x} y={height() - 5} text-anchor="middle">
               {xMark}
             </text>
           </>
@@ -214,7 +214,6 @@ function Path({
         y: projectY(y),
       }))
   );
-  // .toArray();
 
   /**
    * A semicolon-separated list of entire path definitions (d="..."). This is where you define the key shapes:
@@ -292,8 +291,7 @@ export default function Graph({ entries, width }: Properties) {
     to: days,
   });
 
-  // const width = 100;
-  const height = 100;
+  const height = width;
 
   function projectX(x: number) {
     const percentage = x / days;
@@ -340,7 +338,7 @@ export default function Graph({ entries, width }: Properties) {
           const length = to - from;
           const percentage = (y - from) / length;
 
-          const inSvg = height - percentage * height;
+          const inSvg = height() - percentage * height();
           return inSvg;
         }
 
@@ -366,7 +364,7 @@ export default function Graph({ entries, width }: Properties) {
 
         return (
           <svg
-            viewBox={`0 0 ${width} ${height}`}
+            viewBox={`0 0 ${width()} ${height()}`}
             xmlns="http://www.w3.org/2000/svg"
             overflow="visible"
             class="w-full"
@@ -405,8 +403,8 @@ export default function Graph({ entries, width }: Properties) {
               }}
             </For>
             <path
-              d={`M${width() / 2 - 2.5},${height / 2} l5,0 M${width() / 2},${
-                height / 2 - 2.5
+              d={`M${width() / 2 - 2.5},${height() / 2} l5,0 M${width() / 2},${
+                height() / 2 - 2.5
               } l0,5 `}
               stroke-width={0.5}
               class="stroke-gray-300"