diff --git a/src/components/Cards/Cards.js b/src/components/Cards/Cards.js
index c2c860e3..92005e94 100644
--- a/src/components/Cards/Cards.js
+++ b/src/components/Cards/Cards.js
@@ -36,11 +36,16 @@ const Cards = ({ tech }) => {
   return (
     <>
       <div className=" Cards container-fluid ">
-        <div className="Cards__icon ">
-          <GatsbyImage image={theme === "dark" && iconDark ? iconDark : icon} alt={tech.title} />
-        </div>
         <div className="Cards__body col-12">
-          <div className="Cards__title col-lg-8">{tech.title}</div>
+          <div className="Cards__title col-lg-10">
+            <div className="Cards__title-logo">
+              <GatsbyImage
+                image={theme === "dark" && iconDark ? iconDark : icon}
+                alt={tech.title}
+              />
+            </div>
+            <h3>{tech.title}</h3>
+          </div>
 
           <div className="Cards__container">
             <div className="row">
diff --git a/src/components/Cards/Cards.scss b/src/components/Cards/Cards.scss
index 15e98a39..8e12cc6d 100644
--- a/src/components/Cards/Cards.scss
+++ b/src/components/Cards/Cards.scss
@@ -5,11 +5,6 @@
     padding-bottom: 30px;
     margin-bottom: 30px;
   }
-  &__icon {
-    margin: 0 auto;
-    max-width: 115px;
-    transform: translateY(60%);
-  }
   &__title {
     color: $primary;
     font-weight: $max-bold;
@@ -17,6 +12,16 @@
     line-height: $large;
     text-align: center;
     padding: 90px 5px 29px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 50px;
+    &-logo {
+      margin: 0 20px;
+    }
+    img {
+      margin: 0 0;
+    }
   }
   &__container {
     padding-left: 0;
@@ -93,7 +98,14 @@
     &__title {
       font-size: $large;
       text-align: start;
-      margin-left: 200px;
+      flex-direction: row;
+      align-items: flex-end;
+      &-logo {
+        margin: 0 50px;
+      }
+      img {
+        margin: 0;
+      }
     }
 
     &__description {
diff --git a/src/components/ServicesPage/ServicesSection.scss b/src/components/ServicesPage/ServicesSection.scss
index 0909ec67..469227df 100644
--- a/src/components/ServicesPage/ServicesSection.scss
+++ b/src/components/ServicesPage/ServicesSection.scss
@@ -1,6 +1,5 @@
 @import "../../styles/global.scss";
 
-
 .servicesSection {
   background-color: $primary-container;
   padding-top: 70px;
@@ -11,11 +10,10 @@
     p {
       color: $primary;
       font-size: $small;
-    }  
+    }
   }
   &__icon {
-    margin: 0 auto;
-    margin-top: 30px;
+    margin: 30px auto;
     width: 100px;
   }
   &__title {
@@ -38,10 +36,13 @@
       p {
         font-size: $medium;
       }
-      
     }
     &__title {
       font-size: $large;
     }
+    &__icon {
+      margin: 30px auto 0;
+      width: 100px;
+    }
   }
 }