diff --git a/frontend/src/app/components/TinderSwiper/TinderSwiper.js b/frontend/src/app/components/TinderSwiper/TinderSwiper.js
index 5ff2ac1..3fdb9b7 100644
--- a/frontend/src/app/components/TinderSwiper/TinderSwiper.js
+++ b/frontend/src/app/components/TinderSwiper/TinderSwiper.js
@@ -7,11 +7,18 @@ import TinderCard from "react-tinder-card";
 const TinderSwiper = ({ taksId, taskName }) => {
   return (
     <>
-      <TinderCard>
-        <div className={styles.container}>
-          <span className="h1">{taskName}</span>
-        </div>
-      </TinderCard>
+      <div className={styles.cardStack}>
+        <TinderCard key="1" className={styles.card}>
+          <div className={styles.container}>
+            <span className="h1">{taskName}</span>
+          </div>
+        </TinderCard>
+        <TinderCard key="2" className={styles.card}>
+          <div className={styles.container}>
+            <span className="h1">{taskName}</span>
+          </div>
+        </TinderCard>
+      </div>
       <div className={styles.decissionTriggers}>
         <button className="h2 circle bgRed colorWhite">Later</button>
         <button className="h2 circle bgGreen colorWhite">Yes!</button>