diff --git a/src/lib/components/ActionButton.svelte b/src/lib/components/ActionButton.svelte
index 9cefa33..1259936 100644
--- a/src/lib/components/ActionButton.svelte
+++ b/src/lib/components/ActionButton.svelte
@@ -19,6 +19,7 @@ background-color: var(--red);
 display: grid;
 justify-content: center;
 align-content: center;
+z-index: 100;
 }
 @media screen and (max-width: 500px) {
 	.container{
diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 09bb269..204fbbc 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -92,7 +92,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
 	font-size: 1.5em;
 	box-shadow: 0em 0em 1em 0.1em rgba(0, 0, 0, 0.6);
 	transition: 100ms;
-	z-index: 10;
+	z-index: 5;
 	text-decoration: none;
 }
 #image{
@@ -179,7 +179,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
 	box-shadow: 0em 0em 0.2em 0.05em rgba(0, 0, 0, 0.3);
 	border: none;
 	position: relative;
-	z-index: 10;
+	z-index: 2;
 	display: inline-block;
 }
 .tag:hover,
@@ -207,7 +207,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
 	transition: 100ms;
 	border: none;
 	cursor: pointer;
-	z-index: 10;
+	z-index: 2;
 	display: inline-block;
 }
 .card_title .category:hover,