diff --git a/public/images/mizu/card.png b/public/images/mizu/card.png
index a454521f..6d948b74 100644
Binary files a/public/images/mizu/card.png and b/public/images/mizu/card.png differ
diff --git a/public/images/mizu/inventory.png b/public/images/mizu/inventory.png
index a1eecefe..417a5588 100644
Binary files a/public/images/mizu/inventory.png and b/public/images/mizu/inventory.png differ
diff --git a/src/components/Demo.astro b/src/components/Demo.astro
index 6874ca93..c372e0a6 100644
--- a/src/components/Demo.astro
+++ b/src/components/Demo.astro
@@ -8,19 +8,17 @@ interface Props {
 const { image, title, type = "simple" } = Astro.props;
 ---
 
-{type === "boxed" ? (
-    <div class="border demo-border">
-        <span>{title}</span>
+{
+    type === "boxed" ? (
+        <div class="border demo-border">
+            <span>{title}</span>
+            <img src={image} alt={title} class="object-cover w-full" />
+        </div>
+    ) : (
         <img
             src={image}
             alt={title}
-            class="object-cover"
+            class="w-full h-full object-cover demo-border"
         />
-    </div>
-) : (
-    <img
-        src={image}
-        alt={title}
-        class="w-full h-full object-cover demo-border"
-    />
-)}
\ No newline at end of file
+    )
+}