fix spacing of wizard section header

src/components/wizard-section-header/WizardSectionHeader.tsx

@@ -17,6 +17,7 @@ import {
   DropdownPosition,
   Title,
 } from "@patternfly/react-core";
+import "./wizard-section-header.css";
 
 export type WizardSectionHeaderProps = {
   title: string;
@@ -34,12 +35,16 @@ export const WizardSectionHeader = ({
       <Title
         size={"xl"}
         headingLevel={"h2"}
-        className={showDescription ? "pf-u-mb-sm" : "pf-u-mb-lg"}
+        className={
+          showDescription
+            ? "kc-wizard-section-header__title--has-description"
+            : "kc-wizard-section-header__title"
+        }
       >
         {title}
       </Title>
       {showDescription && (
-        <TextContent className="pf-u-mb-lg">
+        <TextContent className="kc-wizard-section-header__description">
           <Text>{description}</Text>
         </TextContent>
       )}

src/components/wizard-section-header/wizard-section-header.css

@@ -0,0 +1,10 @@
+.kc-wizard-section-header__title {
+  margin-bottom: var(--pf-global--spacer--lg);
+}
+.kc-wizard-section-header__title--has-description {
+  margin-bottom: var(--pf-global--spacer--sm);
+}
+
+.kc-wizard-section-header__description {
+  margin-bottom: var(--pf-global--spacer--lg);
+}

src/user-federation/UserFederationLdapWizard.tsx

@@ -126,9 +126,9 @@ export const UserFederationLdapWizard = () => {
           else if (activeStep.id == "ldapAdvancedSettingsStep") {
             return (
               <>
-                <Button onClick={() => {}}>
+                <Button
-                  {" "}
+                  onClick={() => {}} //TODO: close the wizard and finish
-                  //TODO: close the wizard and finish
+                >
                   {t("common:finish")}
                 </Button>
                 <Button variant="secondary" onClick={onBack}>