From 12134e3334bbbde0932d12b24e516223a034ecfb Mon Sep 17 00:00:00 2001
From: ewinchel <ewinchel@redhat.com>
Date: Mon, 5 Aug 2024 09:08:28 -0400
Subject: [PATCH 1/2] Status styling fixes

---
 packages/module/src/Status/Status.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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<StatusProps> = ({ variant = StatusVariant.plain, l
     <Flex title={label} alignItems={{ default: 'alignItemsCenter' }} {...props}>
       {icon && (
         <FlexItem className={classes.icon}>
-          <Icon className='pf-v6-u-mr-md' status={status} title={iconTitle ?? status} data-ouia-component-id={`${ouiaId}-icon`}>
+          <Icon className='pf-v6-u-mr-sm' status={status} title={iconTitle ?? status} data-ouia-component-id={`${ouiaId}-icon`}>
             {icon}
           </Icon>
         </FlexItem>

From 914fdd0eca6ae179c1b3cd5b3c6684f91a3c5d98 Mon Sep 17 00:00:00 2001
From: ewinchel <ewinchel@redhat.com>
Date: Mon, 5 Aug 2024 09:08:28 -0400
Subject: [PATCH 2/2] Status styling fixes

---
 packages/module/src/Status/Status.tsx         |  5 +++--
 .../Status/__snapshots__/Status.test.tsx.snap | 20 +++++++++----------
 2 files changed, 13 insertions(+), 12 deletions(-)

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<StatusProps> = ({ variant = StatusVariant.plain, l
     <Flex title={label} alignItems={{ default: 'alignItemsCenter' }} {...props}>
       {icon && (
         <FlexItem className={classes.icon}>
-          <Icon className='pf-v6-u-mr-md' status={status} title={iconTitle ?? status} data-ouia-component-id={`${ouiaId}-icon`}>
+          <Icon className='pf-v6-u-mr-sm' status={status} title={iconTitle ?? status} data-ouia-component-id={`${ouiaId}-icon`}>
             {icon}
           </Icon>
         </FlexItem>
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"
         >
           <span
-            class="pf-v6-c-icon pf-v6-u-mr-md"
+            class="pf-v6-c-icon pf-v6-u-mr-sm"
             data-ouia-component-id="Status-icon"
             title="warning"
           >
@@ -62,7 +62,7 @@ exports[`Status component should render correctly 1`] = `
         class="icon-0-2-1"
       >
         <span
-          class="pf-v6-c-icon pf-v6-u-mr-md"
+          class="pf-v6-c-icon pf-v6-u-mr-sm"
           data-ouia-component-id="Status-icon"
           title="warning"
         >
@@ -180,7 +180,7 @@ exports[`Status component should render correctly link 1`] = `
               class="icon-0-2-1"
             >
               <span
-                class="pf-v6-c-icon pf-v6-u-mr-md"
+                class="pf-v6-c-icon pf-v6-u-mr-sm"
                 data-ouia-component-id="Status-icon"
                 title="success"
               >
@@ -243,7 +243,7 @@ exports[`Status component should render correctly link 1`] = `
             class="icon-0-2-1"
           >
             <span
-              class="pf-v6-c-icon pf-v6-u-mr-md"
+              class="pf-v6-c-icon pf-v6-u-mr-sm"
               data-ouia-component-id="Status-icon"
               title="success"
             >
@@ -366,7 +366,7 @@ exports[`Status component should render correctly popover 1`] = `
                 class="icon-0-2-1"
               >
                 <span
-                  class="pf-v6-c-icon pf-v6-u-mr-md"
+                  class="pf-v6-c-icon pf-v6-u-mr-sm"
                   data-ouia-component-id="Status-icon"
                   title="danger"
                 >
@@ -433,7 +433,7 @@ exports[`Status component should render correctly popover 1`] = `
               class="icon-0-2-1"
             >
               <span
-                class="pf-v6-c-icon pf-v6-u-mr-md"
+                class="pf-v6-c-icon pf-v6-u-mr-sm"
                 data-ouia-component-id="Status-icon"
                 title="danger"
               >
@@ -542,7 +542,7 @@ exports[`Status component should render correctly with description 1`] = `
           class="icon-0-2-1"
         >
           <span
-            class="pf-v6-c-icon pf-v6-u-mr-md"
+            class="pf-v6-c-icon pf-v6-u-mr-sm"
             data-ouia-component-id="Status-icon"
             title="warning"
           >
@@ -600,7 +600,7 @@ exports[`Status component should render correctly with description 1`] = `
         class="icon-0-2-1"
       >
         <span
-          class="pf-v6-c-icon pf-v6-u-mr-md"
+          class="pf-v6-c-icon pf-v6-u-mr-sm"
           data-ouia-component-id="Status-icon"
           title="warning"
         >
@@ -715,7 +715,7 @@ exports[`Status component should render iconOnly correctly 1`] = `
           class="icon-0-2-1"
         >
           <span
-            class="pf-v6-c-icon pf-v6-u-mr-md"
+            class="pf-v6-c-icon pf-v6-u-mr-sm"
             data-ouia-component-id="Status-icon"
             title="1 security issue found"
           >
@@ -750,7 +750,7 @@ exports[`Status component should render iconOnly correctly 1`] = `
         class="icon-0-2-1"
       >
         <span
-          class="pf-v6-c-icon pf-v6-u-mr-md"
+          class="pf-v6-c-icon pf-v6-u-mr-sm"
           data-ouia-component-id="Status-icon"
           title="1 security issue found"
         >