diff --git a/src/components/Tinder/Tinder.css b/src/components/Tinder/Tinder.css
index 5e5cfe9..5460014 100644
--- a/src/components/Tinder/Tinder.css
+++ b/src/components/Tinder/Tinder.css
@@ -46,10 +46,10 @@
   
   
   .card {
-    height: 400px;
+    height: 500px;
     width: 100%;
     max-width: 300px;
-    max-height: 400px;
+    max-height: 500px;
     border-radius: 10px;
     background-size: cover;
     background-position: center;
@@ -69,7 +69,7 @@
     align-items: center;
     justify-content: space-between;
     width: 300px;
-    height: 350px;
+    height: 500px;
     background-color: rgba(255, 255, 255, 0.8);
   }
   
diff --git a/src/components/Tinder/Tinder.js b/src/components/Tinder/Tinder.js
index bbb114f..1b36070 100644
--- a/src/components/Tinder/Tinder.js
+++ b/src/components/Tinder/Tinder.js
@@ -52,7 +52,7 @@ const Tinder = (props) => {
                                 className='card-content'
                                 style={{
                                     width: '300px',
-                                    height: '400px',
+                                    height: '500px',
                                     borderRadius: '10px',
                                     display: 'flex',
                                     flexDirection: 'column',