diff --git a/src/components/AppListItem.vue b/src/components/AppListItem.vue
index 509d2cb22..f011e0684 100644
--- a/src/components/AppListItem.vue
+++ b/src/components/AppListItem.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
-    <div class="text-center mx-auto my-10">
+    <div class="text-center mx-auto my-4">
       <h1 class="text-3xl text-gray-900 font-light sm:text-9xl sm:leading-10">
         {{ main.title }} <span class="font-extrabold">{{ main.slogan }}</span>
       </h1>
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 5090d4e10..f97ff682c 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="pb-20 px-4 bg-cover text-center">
+  <section class="pb-10 px-4 bg-cover text-center">
     <div class="w-full max-w-2xl mx-auto" v-if="id == 'why'">
       <h2
         v-if="cta.title"
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index 5f3328d7f..dff077cf8 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -1,11 +1,11 @@
 <template>
   <section class="py-15 mb-10 px-4 lg:mx-40">
     <div
-      class="flex flex-wrap text-center lg:mt-10 lg:text-left -mx-2"
+      class="flex flex-wrap text-center lg:mt-20 pb-20 lg:text-left -mx-2"
       v-if="id == 'why'"
     >
       <div class="lg:w-1/2 px-2"><g-image :src="img" :alt="altImg" /></div>
-      <div class="lg:w-1/2 px-2 py-20 lg:pr-20 lg:mt-10 order-1 lg:order-none">
+      <div class="lg:w-1/2 px-2 lg:pr-20 order-1 lg:order-none">
         <h1
           class="flex text-center uppercase mb-6 mt-10 leading-none text-5xl font-light font-heading"
         >