fix: fix advisories cards breakpoints and spacing

src/PresentationalComponents/StatusReports/AdvisoriesStatusReport.js

@@ -12,6 +12,8 @@ import { processDate } from '@redhat-cloud-services/frontend-components-utilitie
 import AdvisorySeverity from '../AdvisorySeverity/AdvisorySeverity';
 import RebootRequired from '../Snippets/RebootRequired';
 
+import './Card.css';
+
 const StatusCard = ({ advisory: { attributes, id } }) => (
   <Card isFullHeight>
     <CardTitle>{handlePatchLink(entityTypes.advisories, id)}</CardTitle>
@@ -29,15 +31,17 @@ const StatusCard = ({ advisory: { attributes, id } }) => (
           {attributes.reboot_required && <RebootRequired />}
         </GridItem>
       </Grid>
+    </CardBody>
+    <CardBody>
       {handlePatchLink(
         entityTypes.advisories,
         id,
         intl.formatMessage(messages.labelsAffectedSystemsCount, {
           systemsCount: attributes.applicable_systems,
         }),
       )}
-      {handleLongSynopsis(attributes.synopsis)}
     </CardBody>
+    <CardBody>{handleLongSynopsis(attributes.synopsis)}</CardBody>
   </Card>
 );
 
@@ -64,7 +68,7 @@ const AdvisoriesStatusBar = () => {
 
         <Grid hasGutter>
           {advisories.data.map((advisory) => (
-            <GridItem key={advisory.id} lg={3} md={3} sm={12}>
+            <GridItem key={advisory.id} xl2={3} xl={6} lg={6} md={6} sm={12}>
               <StatusCard advisory={advisory} />
             </GridItem>
           ))}

src/PresentationalComponents/StatusReports/Card.css

@@ -0,0 +1,3 @@
+.pf-v6-c-card__body:not(:last-of-type) {
+  padding-block-end: var(--pf-t--global--spacer--md);
+}