From a2b91efd38f8deff0a92ad62c92c54c8c8110f9e Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sat, 7 Sep 2019 23:18:57 +0400
Subject: [PATCH] Update featured content section UI

---
 components/featured-content/style.scss | 6 ++++++
 pages/home/index.js                    | 2 +-
 pages/home/style.scss                  | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/featured-content/style.scss b/components/featured-content/style.scss
index b63d4b54e..42c89077c 100644
--- a/components/featured-content/style.scss
+++ b/components/featured-content/style.scss
@@ -16,6 +16,12 @@
     margin-bottom: 40px;
     margin-top: 25px;
 
+    border-bottom: 2px solid #e8e8e8;
+
+    span {
+      background: #f8f9fa;
+    }
+
     a {
       background: black;
       color: white;
diff --git a/pages/home/index.js b/pages/home/index.js
index 403fc1bed..390e06e06 100644
--- a/pages/home/index.js
+++ b/pages/home/index.js
@@ -7,7 +7,7 @@ export const Home = (props) => (
   <div className='home-container'>
     <Header />
     <HeroSection />
-    <div className="swim-lanes border-top border-bottom">
+    <div className="featured-content border-top border-bottom bg-light">
       <FeaturedContent />
     </div>
   </div>
diff --git a/pages/home/style.scss b/pages/home/style.scss
index 9de7834a9..9f9efed9a 100644
--- a/pages/home/style.scss
+++ b/pages/home/style.scss
@@ -1,3 +1,3 @@
-.swim-lanes {
+.featured-content {
   padding: 50px 0;
 }
\ No newline at end of file