fix(sysdetails): Fixes css issue on sysDetails page

RedHatInsights · Aug 21, 2024 · d6119b8 · d6119b8
1 parent 985f798
commit d6119b8
Showing 1 changed file with 47 additions and 44 deletions.
diff --git a/src/Components/SmartComponents/SystemDetailsPage/SystemDetailsPage.js b/src/Components/SmartComponents/SystemDetailsPage/SystemDetailsPage.js
@@ -85,54 +85,57 @@ const InventoryDetail = () => {
     };
 
     return (
-        <DetailWrapper
-            inventoryId={inventoryId}
-            onLoad={({ mergeWithDetail }) => {
-                ReducerRegistry.register({
-                    ...mergeWithDetail()
-                });
-            }}
-        >
-            <section className="inventory">
-                <Header
-                    title=""
-                    breadcrumbs={[
-                        {
-                            title: PATHS.systemsPage.title,
-                            to: PATHS.systemsPage.to,
-                            isLoaded: true
-                        },
-                        {
-                            title: entity?.display_name || intl.formatMessage(messages.invalidSystem),
-                            isActive: true,
-                            isLoaded: loaded
-                        }
-                    ]}
-                >
-                    {!errors && (
-                        <InventoryDetailHead
-                            hideBack
-                            actions={
-                                entity && canSetExcludedIncluded && [
-                                    isOptOut
-                                        ? {
-                                            title: intl.formatMessage(messages.inventoryKebabOptionsEnable),
-                                            onClick: () => handleOptOutSystem(entity?.display_name, false)
-                                        }
-                                        : {
-                                            title: intl.formatMessage(messages.inventoryKebabOptionsDisable),
-                                            onClick: () => handleOptOutSystem(entity?.display_name, true)
-                                        }
-                                ]
+        <>
+
+            <DetailWrapper
+                inventoryId={inventoryId}
+                onLoad={({ mergeWithDetail }) => {
+                    ReducerRegistry.register({
+                        ...mergeWithDetail()
+                    });
+                }}
+            >
+                <section>
+                    <Header
+                        title=""
+                        breadcrumbs={[
+                            {
+                                title: PATHS.systemsPage.title,
+                                to: PATHS.systemsPage.to,
+                                isLoaded: true
+                            },
+                            {
+                                title: entity?.display_name || intl.formatMessage(messages.invalidSystem),
+                                isActive: true,
+                                isLoaded: loaded
                             }
-                        />
-                    )}
-                </Header>
-            </section>
+                        ]}
+                    >
+                        {!errors && (
+                            <InventoryDetailHead
+                                hideBack
+                                actions={
+                                    entity && canSetExcludedIncluded && [
+                                        isOptOut
+                                            ? {
+                                                title: intl.formatMessage(messages.inventoryKebabOptionsEnable),
+                                                onClick: () => handleOptOutSystem(entity?.display_name, false)
+                                            }
+                                            : {
+                                                title: intl.formatMessage(messages.inventoryKebabOptionsDisable),
+                                                onClick: () => handleOptOutSystem(entity?.display_name, true)
+                                            }
+                                    ]
+                                }
+                            />
+                        )}
+                    </Header>
+                </section>
+            </DetailWrapper>
             <section className="pf-v5-l-page__main-section pf-v5-c-page__main-section">
                 <SystemDetails optOutSystemHandler={handleOptOutSystem} />
             </section>
-        </DetailWrapper>
+        </>
     );
 };