diff --git a/src/components/ProjectList/css/project-cards.css b/src/components/ProjectList/css/project-cards.css
index ef8c5891..6ca719ec 100644
--- a/src/components/ProjectList/css/project-cards.css
+++ b/src/components/ProjectList/css/project-cards.css
@@ -1,100 +1,115 @@
 * {
-  /* border: 1px solid red; */
+    /* border: 1px solid red; */
 }
+
 .Card-Header {
-  position: relative;
-  font-weight: bold;
-  background: white;
-  padding: 2%;
-  line-height: 18px;
+    position: relative;
+    font-weight: bold;
+    background: white;
+    padding: 2%;
+    line-height: 18px;
 }
+
 .Project-Logo {
-  width: 45%;
-  height: auto;
-  margin-top: 5%;
+    width: 45%;
+    height: auto;
+    margin-top: 5%;
 }
+
 .Card-Body {
-  position: relative;
-  background: white;
+    position: relative;
+    background: white;
 }
+
 .Card-Container {
-  overflow: hidden;
-  width: 16%;
-  min-width: 225px;
-  display: flex;
-  margin: 1.5vw;
-  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
-  -webkit-transition: box-shadow 0.1s ease-in-out;
-  transition: box-shadow 0.1s ease-in-out;
-  background-color: #fff;
+    overflow: hidden;
+    width: 16%;
+    min-width: 300px;
+    display: flex;
+    margin: 1.5vw;
+    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
+    -webkit-transition: box-shadow 0.1s ease-in-out;
+    transition: box-shadow 0.1s ease-in-out;
+    background-color: #fff;
+    border-radius: 8px;
 }
+
 @media (max-width: 700px) {
-  .Card-Container {
-    width: 100%;
-  }
-  .Card-Real-Link {
-    width: 100%;
-  }
+    .Card-Container {
+        width: 100%;
+    }
+    .Card-Real-Link {
+        width: 100%;
+    }
 }
 
 .Card-Container:hover {
-  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
+    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
 }
+
 .Card-Real-Link:hover {
-  text-decoration: none;
-  color: black;
+    text-decoration: none;
+    color: black;
 }
+
 .Card-Real-Link:visited {
-  text-decoration: none;
-  color: black;
+    text-decoration: none;
+    color: black;
 }
+
 .Card-Real-Link:link {
-  display: flex;
-  flex-direction: column;
-  text-decoration: none;
-  color: black;
-  margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    text-decoration: none;
+    color: black;
+    margin: 0 auto;
 }
+
 .Card-Real-Link:active {
-  text-decoration: none;
-  color: black;
+    text-decoration: none;
+    color: black;
 }
+
 .Card-Description {
-  position: relative;
-  padding: 5%;
+    position: relative;
+    padding: 5%;
 }
+
 .Card-Link {
-  position: relative;
-  padding: 15px;
-  color: #0f3cef;
-  background: transparent;
-  transition: .5s;
-  margin-top: auto;
-  border-top: rgba(0, 0, 0, 0.12) 1px solid;
+    position: relative;
+    padding: 15px;
+    color: #0f3cef;
+    background: transparent;
+    transition: 0.5s;
+    margin-top: auto;
+    border-top: rgba(0, 0, 0, 0.12) 1px solid;
 }
+
 .Card-Link:hover {
-  color: whitesmoke;
-  background: #0f3cef;
+    color: whitesmoke;
+    background: #0f3cef;
 }
+
 .Card-Title {
-  margin-top: 6%;
-  height: 10%;
+    margin-top: 6%;
+    height: 10%;
 }
+
 .Card-Link-Style {
-  margin-left: 10%;
+    margin-left: 10%;
 }
 
 .Card-Tag div {
-  display: inline-block;
-  background-color: #c8e1f9;
-  padding: 5px;
-  border-radius: 12px;
-  margin: 10px 10px;
-  vertical-align: middle;
+    display: inline-block;
+    background-color: #c8e1f9;
+    padding: 5px;
+    border-radius: 12px;
+    margin: 10px 10px;
+    vertical-align: middle;
 }
 
 .Card-Tag p {
-  margin: 3px 0;
-  font-size: 13px;
-  text-transform: capitalize;
-}
+    margin: 3px 0;
+    font-size: 13px;
+    text-transform: capitalize;
+}
\ No newline at end of file