diff --git a/package-lock.json b/package-lock.json
index 845c234..8294325 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "minifolio",
-	"version": "0.6.1",
+	"version": "0.6.3",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "minifolio",
-			"version": "0.6.1",
+			"version": "0.6.3",
 			"license": "GPL-3.0-only",
 			"dependencies": {
 				"child-process-promise": "^2.2.1",
diff --git a/package.json b/package.json
index 397a416..eb94a25 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "minifolio",
-	"version": "0.6.2",
+	"version": "0.6.3",
 	"private": true,
 	"license": "GPL-3.0-only",
 	"scripts": {
diff --git a/src/components/card/Card.svelte b/src/components/card/Card.svelte
index 6d0736c..3dcfd10 100644
--- a/src/components/card/Card.svelte
+++ b/src/components/card/Card.svelte
@@ -31,17 +31,7 @@ A generic card element.
 Children are rendered on a colored card with rounded corners.
 -->
 
-<a
-  href={linkHref}
-  onclick={async (e) => {
-    if (link) {
-      await goto(link.url);
-    } else if (onclick) {
-      onclick(e);
-    }
-  }}
-  target={linkNewTab}
->
+{#snippet content()}
   <div
     class="card"
     style:--base-color={baseColor}
@@ -49,7 +39,30 @@ Children are rendered on a colored card with rounded corners.
   >
     {@render children()}
   </div>
-</a>
+{/snippet}
+
+<!--
+  HACK: Workaround for https://github.com/sveltejs/kit/issues/11057
+  Very yucky, but I'll have to live with it since technically this is the only way to get valid HTML
+  :(
+-->
+{#if link}
+  <a
+    href={linkHref}
+    onclick={async (e) => {
+      if (link) {
+        await goto(link.url);
+      } else if (onclick) {
+        onclick(e);
+      }
+    }}
+    target={linkNewTab}
+  >
+    {@render content()}
+  </a>
+{:else}
+  {@render content()}
+{/if}
 
 <style>
   a {
diff --git a/src/components/card/ItemCard.svelte b/src/components/card/ItemCard.svelte
index 8fad3af..8bc783d 100644
--- a/src/components/card/ItemCard.svelte
+++ b/src/components/card/ItemCard.svelte
@@ -27,25 +27,26 @@
   );
 </script>
 
-<Card
-  link={editing ? undefined : { url: `/${groupId}/${itemId}`, newTab: false }}
-  color={item.info.color}
-  {onclick}
->
+<Card color={item.info.color} {onclick}>
   <div class="card-outer">
-    <div class:card-icon={item.info.icon} class:flex-grow={true}>
-      {#if item.info.icon}
-        <img
-          src="/{groupId}/{itemId}/{item.info.icon}"
-          alt="Icon for {item.info.name}"
-          class="label-icon"
-        />
-      {/if}
-      <div>
-        <h3>{item.info.name}</h3>
-        <p>{item.info.description}</p>
+    <a
+      href={editing ? undefined : `/${groupId}/${itemId}`}
+      class:flex-grow={true}
+    >
+      <div class:card-icon={item.info.icon}>
+        {#if item.info.icon}
+          <img
+            src="/{groupId}/{itemId}/{item.info.icon}"
+            alt="Icon for {item.info.name}"
+            class="label-icon"
+          />
+        {/if}
+        <div>
+          <h3>{item.info.name}</h3>
+          <p>{item.info.description}</p>
+        </div>
       </div>
-    </div>
+    </a>
     {#if !editing}
       <div>
         <ItemChipList
@@ -61,6 +62,11 @@
 </Card>
 
 <style>
+  a {
+    color: black;
+    text-decoration: none;
+  }
+
   h3 {
     margin-bottom: 0;
   }