diff --git a/Build/Assets/Scss/components/_card.scss b/Build/Assets/Scss/components/_card.scss
index 5cddaacb4a736a9d66cec60f8efd8e61f4651f1f..d518b24a722c636abfc3865b0ca8dfcaf1f97707 100644
--- a/Build/Assets/Scss/components/_card.scss
+++ b/Build/Assets/Scss/components/_card.scss
@@ -44,26 +44,22 @@
 //
 $card-spacing: 10px;
 $card-base-color: #000;
-$card-border-color: lighten($card-base-color, 80);
-$card-border-hover-color: lighten($card-base-color, 70);
-$card-shadow-color: transparentize($card-base-color, 0.8);
 $card-shadow-hover-color: transparentize($card-base-color, 0.7);
-
+$card-shadow-color: $greySuperlightDarker;
 //
 // Component
 //
 .card {
     display: flex;
     padding: 15px;
-    box-shadow: 0 2px 0 $card-shadow-color;
-    border: 1px solid $card-border-color;
+    box-shadow: 0 3px 3px $card-shadow-color;
     margin-bottom: ($card-spacing*2);
     transition: all 0.2s ease-in-out;
     transition-property: box-shadow, border, transform;
+    border: 0;
 
     &:hover {
         text-decoration: none;
-        border: 1px solid $card-border-hover-color;
         transform: translate(0, -1px);
         box-shadow: 0 3px 0 $card-shadow-hover-color;
     }