fix(mrc): apply css stylings for header component (#14804)

ref: 14785 Signed-off-by: Anoop N <[email protected]>
ovh · Jan 8, 2025 · fdec1f1 · fdec1f1
1 parent 73bb8b6
commit fdec1f1
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/manager-react-components/src/components/content/headers/headers.component.tsx b/packages/manager-react-components/src/components/content/headers/headers.component.tsx
@@ -19,8 +19,12 @@ export const Headers: React.FC<HeadersProps> = ({
     <div className="flex items-center justify-between">
       <div>
         {title && <Title>{title}</Title>}
-        {subtitle && <Subtitle className="block">{subtitle}</Subtitle>}
-        {description && <OdsText preset="span">{description}</OdsText>}
+        {subtitle && <Subtitle className="block mb-6">{subtitle}</Subtitle>}
+        {description && (
+          <OdsText className="mb-[16px]" preset="span">
+            {description}
+          </OdsText>
+        )}
       </div>
       {headerButton && <div>{headerButton}</div>}
     </div>