diff --git a/src/components/Cards/Cards.js b/src/components/Cards/Cards.js
index 92005e94..75558a45 100644
--- a/src/components/Cards/Cards.js
+++ b/src/components/Cards/Cards.js
@@ -25,7 +25,7 @@ const Cards = ({ tech }) => {
         <SubModulesEdTech
           key={submod.id}
           items={submod}
-          variant={submod.edTechType == "DDE" && "dataDriven"}
+          variant={submod.edTechType === "DDE" && "dataDriven"}
         />
       )
   )
@@ -40,6 +40,7 @@ const Cards = ({ tech }) => {
           <div className="Cards__title col-lg-10">
             <div className="Cards__title-logo">
               <GatsbyImage
+                imgClassName="Cards__title-logo-img"
                 image={theme === "dark" && iconDark ? iconDark : icon}
                 alt={tech.title}
               />
diff --git a/src/components/Cards/Cards.scss b/src/components/Cards/Cards.scss
index 8e12cc6d..96846776 100644
--- a/src/components/Cards/Cards.scss
+++ b/src/components/Cards/Cards.scss
@@ -11,13 +11,13 @@
     font-size: $medium;
     line-height: $large;
     text-align: center;
-    padding: 90px 5px 29px;
+    padding: 90px 5px 19px;
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: 50px;
+    gap: 20px;
     &-logo {
-      margin: 0 20px;
+      margin: 0 0;
     }
     img {
       margin: 0 0;
@@ -101,6 +101,9 @@
       flex-direction: row;
       align-items: flex-end;
       &-logo {
+        width: 115px;
+        display: flex;
+        justify-content: center;
         margin: 0 50px;
       }
       img {