From dfdd85c75ec6e8f6bd19c3919191591a2f2adecc Mon Sep 17 00:00:00 2001
From: Alison Joseph <alisonejoseph@Gmail.com>
Date: Wed, 31 Jul 2019 22:39:59 -0500
Subject: [PATCH] fix: homepage style bugs (#296)

* fix: homepage style bugs

* chore: fix homepage link styles
---
 .../src/components/Container/Container.js                 | 4 +++-
 .../src/components/Homepage/Callout.module.scss           | 8 ++++++++
 .../src/components/Homepage/homepage.scss                 | 5 -----
 .../src/components/ResourceCard/resource-card-group.scss  | 2 +-
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/gatsby-theme-carbon/src/components/Container/Container.js b/packages/gatsby-theme-carbon/src/components/Container/Container.js
index 9217478a5..a4cf0517b 100644
--- a/packages/gatsby-theme-carbon/src/components/Container/Container.js
+++ b/packages/gatsby-theme-carbon/src/components/Container/Container.js
@@ -42,7 +42,9 @@ const Container = ({ children, homepage }) => {
       />
       <div
         aria-hidden={overlayVisible}
-        className={`${homepage ? 'container--homepage' : 'container'}`}
+        className={`${
+          homepage ? 'container--homepage container' : 'container'
+        }`}
       >
         {children}
       </div>
diff --git a/packages/gatsby-theme-carbon/src/components/Homepage/Callout.module.scss b/packages/gatsby-theme-carbon/src/components/Homepage/Callout.module.scss
index a73a017ec..e77bea44c 100644
--- a/packages/gatsby-theme-carbon/src/components/Homepage/Callout.module.scss
+++ b/packages/gatsby-theme-carbon/src/components/Homepage/Callout.module.scss
@@ -17,3 +17,11 @@
 .secondColumn {
   @include carbon--type-style('expressive-paragraph-01', true);
 }
+
+.grid a {
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
diff --git a/packages/gatsby-theme-carbon/src/components/Homepage/homepage.scss b/packages/gatsby-theme-carbon/src/components/Homepage/homepage.scss
index 218748be7..2b5e0273d 100644
--- a/packages/gatsby-theme-carbon/src/components/Homepage/homepage.scss
+++ b/packages/gatsby-theme-carbon/src/components/Homepage/homepage.scss
@@ -5,11 +5,6 @@
 
 .container--homepage a {
   color: $carbon--blue-40;
-  text-decoration: none;
-
-  &:hover {
-    text-decoration: underline;
-  }
 }
 
 // Homepage image header area
diff --git a/packages/gatsby-theme-carbon/src/components/ResourceCard/resource-card-group.scss b/packages/gatsby-theme-carbon/src/components/ResourceCard/resource-card-group.scss
index 7d6eb5760..2e75eb24e 100644
--- a/packages/gatsby-theme-carbon/src/components/ResourceCard/resource-card-group.scss
+++ b/packages/gatsby-theme-carbon/src/components/ResourceCard/resource-card-group.scss
@@ -12,7 +12,7 @@
 }
 
 .resource-card-group .#{$prefix}--resource-card--dark {
-  border-top-color: 1px solid $carbon--black-100;
+  border-top-color: $carbon--black-100;
 }
 
 .resource-card-group