From 3e82e4b00b6df375b1fea2fb5c141692c2e88e67 Mon Sep 17 00:00:00 2001
From: Adam Raider <adam.raider@wework.com>
Date: Thu, 24 Jan 2019 15:41:18 -0500
Subject: [PATCH] fix(card): Fix border wrapping images on cards

---
 packages/ray/lib/_card.scss  | 10 ++++++++--
 packages/ray/lib/_image.scss |  4 ++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/ray/lib/_card.scss b/packages/ray/lib/_card.scss
index 5a9f72a2..4cf67cc9 100644
--- a/packages/ray/lib/_card.scss
+++ b/packages/ray/lib/_card.scss
@@ -1,14 +1,20 @@
 $card-padding: 1rem;
-$card-border-color: #e6e6e6;
+$card-border-color: $gray35;
 
 .card {
   width: 100%;
-  border: 1px solid $card-border-color;
   border-radius: $border-radius;
   background-color: $white;
   overflow: hidden;
 
   &__content {
     padding: $card-padding;
+    border: 1px solid $card-border-color;
+
+    &:not(:first-child) {
+      border-bottom-left-radius: $border-radius;
+      border-bottom-right-radius: $border-radius;
+      border-top: 0;
+    }
   }
 }
diff --git a/packages/ray/lib/_image.scss b/packages/ray/lib/_image.scss
index 76a4ce28..6655c756 100644
--- a/packages/ray/lib/_image.scss
+++ b/packages/ray/lib/_image.scss
@@ -4,7 +4,7 @@
   height: auto;
   position: relative;
   overflow: hidden;
-  background-color: $gray30;
+  background-color: $gray35;
 
   img {
     position: absolute;
@@ -31,7 +31,7 @@
   display: block;
   width: 100%;
   height: auto;
-  background-color: $gray30;
+  background-color: $gray35;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;