diff --git a/packages/module/src/Status/Status.tsx b/packages/module/src/Status/Status.tsx index 6ae9f6ff..292cd7da 100644 --- a/packages/module/src/Status/Status.tsx +++ b/packages/module/src/Status/Status.tsx @@ -45,7 +45,8 @@ export interface StatusProps extends React.PropsWithChildren { const useStyles = createUseStyles({ icon: { - margin: 0 + margin: "0", + alignSelf: "flex-start", }, statusLabel: { lineHeight: 'var(--pf-v6-global--LineHeight--sm)', @@ -67,7 +68,7 @@ export const Status: React.FC = ({ variant = StatusVariant.plain, l {icon && ( - + {icon} diff --git a/packages/module/src/Status/__snapshots__/Status.test.tsx.snap b/packages/module/src/Status/__snapshots__/Status.test.tsx.snap index 2cb8ea94..0b8c8e06 100644 --- a/packages/module/src/Status/__snapshots__/Status.test.tsx.snap +++ b/packages/module/src/Status/__snapshots__/Status.test.tsx.snap @@ -13,7 +13,7 @@ exports[`Status component should render correctly 1`] = ` class="icon-0-2-1" > @@ -62,7 +62,7 @@ exports[`Status component should render correctly 1`] = ` class="icon-0-2-1" > @@ -180,7 +180,7 @@ exports[`Status component should render correctly link 1`] = ` class="icon-0-2-1" > @@ -243,7 +243,7 @@ exports[`Status component should render correctly link 1`] = ` class="icon-0-2-1" > @@ -366,7 +366,7 @@ exports[`Status component should render correctly popover 1`] = ` class="icon-0-2-1" > @@ -433,7 +433,7 @@ exports[`Status component should render correctly popover 1`] = ` class="icon-0-2-1" > @@ -542,7 +542,7 @@ exports[`Status component should render correctly with description 1`] = ` class="icon-0-2-1" > @@ -600,7 +600,7 @@ exports[`Status component should render correctly with description 1`] = ` class="icon-0-2-1" > @@ -715,7 +715,7 @@ exports[`Status component should render iconOnly correctly 1`] = ` class="icon-0-2-1" > @@ -750,7 +750,7 @@ exports[`Status component should render iconOnly correctly 1`] = ` class="icon-0-2-1" >