id fix

src/components/Tinder/Tinder.css

@@ -1,5 +1,3 @@
-/* Tinder.css */
-
 .tinder-container {
     margin-top: 30%;
     height: 50vh;
@@ -9,7 +7,7 @@
     align-items: center;
     flex-direction: column;
     overflow: hidden;
-
+    background-color: #fff;
   }
   
   .card-container {
@@ -18,6 +16,7 @@
     height: 80px;
     width: 120px;
     flex-direction: column;
+    background-color: #fff;
   }
   
   .swipe {
@@ -50,13 +49,14 @@
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-end;
+    align-content: center;
+    flex-wrap: wrap;
     padding: 16px;
     box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
-
+    background-color: #fff;
   }
   
   .card-content {
-    background-color: rgba(255, 255, 255, 0.8);
     border-radius: 10px;
     padding: 8px;
     text-align: center;