section description fix for leadership template (#17020)

Author: slightlyoffbeat

bedrock/mozorg/templates/mozorg/cms/about/leadership.html

@@ -42,8 +42,8 @@ <h1 class="visually-hidden">{{ page.title }}</h1>
         <section class="leadership-section" id="{{ section.value.id }}">
           {% set first_group = section.value.leadership_group[0] %}
           <h2 class="leadership-title{% if first_group.title %} compact{% endif %}">{{ section.value.title }}</h2>
-          {% if first_group.description %}
-            <p class="leadership-description">{{ first_group.description }}</p>
+          {% if section.value.description %}
+            <p class="leadership-description">{{ section.value.description }}</p>
           {% endif %}
 
           {% for group in section.value.leadership_group %}

media/css/mozorg/leadership.scss

@@ -80,10 +80,22 @@
     &.compact {
         border-bottom: 0;
         padding-bottom: 0;
-        margin-bottom: 0;
+        margin-bottom: $spacing-sm;
     }
 }
 
+.leadership-description {
+    @include text-body-lg;
+    margin-top: 0;
+    margin-bottom: $spacing-lg;
+}
+
+.group-description {
+    @include text-body-md;
+    margin-top: 0;
+    margin-bottom: $spacing-md;
+}
+
 .leadership-section {
     scroll-margin-top: $layout-sm;