From f291efc4282be1c5f2e88cb6bc7be3114a633bae Mon Sep 17 00:00:00 2001
From: Zainab Amir <zainab.amir@arbisoft.com>
Date: Wed, 1 Mar 2023 19:42:56 +0500
Subject: [PATCH] fix: bottom padding missing unit (#765)

---
 src/recommendations/RecommendationsPage.jsx | 2 +-
 src/sass/_recommendations_page.scss         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/recommendations/RecommendationsPage.jsx b/src/recommendations/RecommendationsPage.jsx
index 8529854d..baeba6aa 100644
--- a/src/recommendations/RecommendationsPage.jsx
+++ b/src/recommendations/RecommendationsPage.jsx
@@ -91,7 +91,7 @@ const RecommendationsPage = (props) => {
           { siteName: getConfig().SITE_NAME })}
         </title>
       </Helmet>
-      <div className="d-flex flex-column vh-100">
+      <div className="d-flex flex-column vh-100 bg-light-200">
         <div className="mb-2">
           <div className="col-md-12 small-screen-top-stripe medium-screen-top-stripe extra-large-screen-top-stripe" />
           <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
diff --git a/src/sass/_recommendations_page.scss b/src/sass/_recommendations_page.scss
index f37dbf03..6300b711 100644
--- a/src/sass/_recommendations_page.scss
+++ b/src/sass/_recommendations_page.scss
@@ -1,6 +1,6 @@
 .card-list {
   padding-left: 0.0625rem;
-  padding-bottom: 0.125;
+  padding-bottom: 0.125rem;
   @include media-breakpoint-down(xl) {
     overflow-x: scroll;
     overflow-y: hidden;