diff --git a/client/src/components/ContentBlock.vue b/client/src/components/ContentBlock.vue
index 0cc638c4..1b2085d3 100644
--- a/client/src/components/ContentBlock.vue
+++ b/client/src/components/ContentBlock.vue
@@ -287,7 +287,7 @@
       .content-block__title {
         color: $color-brand;
         margin-top: $default-padding;
-        margin-bottom: $section-spacing;
+        margin-bottom: $large-spacing;
         @include light-border(bottom);
 
         @include desktop {
diff --git a/client/src/components/content-blocks/ContentComponent.vue b/client/src/components/content-blocks/ContentComponent.vue
index 6d338088..11b717d5 100644
--- a/client/src/components/content-blocks/ContentComponent.vue
+++ b/client/src/components/content-blocks/ContentComponent.vue
@@ -123,6 +123,11 @@ export default {
     margin-bottom: $large-spacing;
   }
 
+  &--section_title {
+    margin-top: $section-spacing;
+    margin-bottom: $large-spacing;
+  }
+
   &--text_block {
     margin-bottom: $large-spacing;
   }
diff --git a/client/src/components/modules/Module.vue b/client/src/components/modules/Module.vue
index 6d31b1c7..911b432b 100644
--- a/client/src/components/modules/Module.vue
+++ b/client/src/components/modules/Module.vue
@@ -26,11 +26,13 @@
 
     <h3 id="objectives">Lernziele</h3>
 
-    <objective-groups :groups="languageCommunicationObjectiveGroups"/>
+    <div class="module__objective-groups">
+      <objective-groups :groups="languageCommunicationObjectiveGroups"/>
 
-    <objective-groups :groups="societyObjectiveGroups"/>
+      <objective-groups :groups="societyObjectiveGroups"/>
 
-    <objective-groups :groups="interdisciplinaryObjectiveGroups"/>
+      <objective-groups :groups="interdisciplinaryObjectiveGroups"/>
+    </div>
 
     <chapter
       :chapter="chapter"
@@ -268,5 +270,8 @@
       margin-top: 3px;
     }
 
+    &__objective-groups {
+      margin-bottom: $large-spacing;
+    }
   }
 </style>
diff --git a/client/src/components/objective-groups/ObjectiveGroup.vue b/client/src/components/objective-groups/ObjectiveGroup.vue
index cd48e045..db4ec471 100644
--- a/client/src/components/objective-groups/ObjectiveGroup.vue
+++ b/client/src/components/objective-groups/ObjectiveGroup.vue
@@ -58,8 +58,11 @@
 </script>
 
 <style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
   .objective-group {
     position: relative;
+    margin-top: $large-spacing;
 
     &__actions {
       position: absolute;
diff --git a/client/src/components/objective-groups/ObjectiveGroups.vue b/client/src/components/objective-groups/ObjectiveGroups.vue
index 19c2a729..94956146 100644
--- a/client/src/components/objective-groups/ObjectiveGroups.vue
+++ b/client/src/components/objective-groups/ObjectiveGroups.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="objective-groups">
     <objective-group
       :key="group.id"
       :group="group"
@@ -63,3 +63,13 @@
     }
   };
 </script>
+
+<style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
+  .objective-groups {
+    margin-bottom: $large-spacing;
+    display: flex;
+    flex-direction: column;
+  }
+</style>
diff --git a/client/src/styles/_objective-group.scss b/client/src/styles/_objective-group.scss
index a12a54cb..162fd23a 100644
--- a/client/src/styles/_objective-group.scss
+++ b/client/src/styles/_objective-group.scss
@@ -2,8 +2,6 @@
 @import 'mixins';
 
 .objective-group {
-  margin-bottom: 35px;
-
   &__objective-list {
     list-style: none;