diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index fdc077d..75b1d08 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -90,7 +90,26 @@
       <button
         title="Download"
         on:click={() => {
-          downloadSvg(typeof svgInfo.route !== 'string' ? svgInfo.route.dark : svgInfo.route);
+          const svgHasTheme = typeof svgInfo.route !== 'string';
+
+          if (!svgHasTheme) {
+            downloadSvg(
+              typeof svgInfo.route === 'string'
+                ? svgInfo.route
+                : "Something went wrong. Couldn't copy the SVG."
+            );
+            return;
+          }
+
+          const dark = document.documentElement.classList.contains('dark');
+
+          downloadSvg(
+            typeof svgInfo.route !== 'string'
+              ? dark
+                ? svgInfo.route.dark
+                : svgInfo.route.light
+              : svgInfo.route
+          );
         }}
         class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
       >