updated Disclosure UI in workleap theme (#820)

* updated Disclosure UI in workleap theme

* updated the fix for a better solution

* added PR fixes

.changeset/lucky-bulldogs-heal.md

@@ -0,0 +1,5 @@
+---
+"@igloo-ui/disclosure": patch
+---
+
+adjusted the header font size / adjusted the alignment of the arrow

packages/Disclosure/src/disclosure.scss

@@ -74,10 +74,10 @@
         --ids-disclosure-header-line-height: var(--hop-body-sm-line-height);
         --ids-disclosure-header-padding: var(--hop-space-inset-md);
         --ids-disclosure-header-icon-margin: 0 var(--hop-space-inline-md) 0 0;
-        --ids-disclosure-header-title-font-family: var(--hop-heading-xs-font-family);
-        --ids-disclosure-header-title-font-size: var(--hop-heading-xs-font-size);
-        --ids-disclosure-header-title-font-weight: var(--hop-heading-xs-font-weight);
-        --ids-disclosure-header-title-line-height: var(--hop-heading-xs-line-height);
+        --ids-disclosure-header-title-font-family: var(--hop-heading-lg-font-family);
+        --ids-disclosure-header-title-font-size: var(--hop-heading-lg-font-size);
+        --ids-disclosure-header-title-font-weight: var(--hop-heading-lg-font-weight);
+        --ids-disclosure-header-title-line-height: var(--hop-heading-lg-line-height);
         --ids-disclosure-header-desc-color: var(--hop-neutral-text-weak);
         --ids-disclosure-header-content-margin: 0.125rem calc(-1 * var(--hop-space-inset-sm));
         --ids-disclosure-header-content-padding: 0.125rem var(--hop-space-inset-sm);
@@ -214,13 +214,13 @@
 
     .ids-disclosure__header-content {
         display: block;
+        flex: 1 1 auto;
         margin: var(--ids-disclosure-header-content-margin);
 
         /* stylelint-disable-next-line media-query-no-invalid */
         @media (width >= #{tokens.$breakpoints-sm}) {
             align-items: baseline;
             display: flex;
-            flex: 1 1 auto;
         }
     }