webpack/components/extensions/HostDetails/Tabs/PackagesTab.js in katello-4.3.0.rc4 vs webpack/components/extensions/HostDetails/Tabs/PackagesTab.js in katello-4.3.0

@@ -48,11 +48,11 @@
     },
   ];
 
   return (
     <div>
-      <div id="packages-hint">
+      <div id="packages-hint" className="margin-0-24 margin-top-16">
         <Hint>
           <HintBody>
             {__('Packages management functionality on this page is incomplete')}.
             <br />
             <Button component="a" variant="link" isInline href={urlBuilder(`content_hosts/${hostId}/packages/installed`, '')}>
@@ -62,21 +62,21 @@
         </Hint>
       </div>
       <div id="packages-tab">
         <TableWrapper
           {...{
-                metadata,
-                emptyContentTitle,
-                emptyContentBody,
-                emptySearchTitle,
-                emptySearchBody,
-                status,
-                actionButtons,
-                searchQuery,
-                updateSearchQuery,
-                }
+            metadata,
+            emptyContentTitle,
+            emptyContentBody,
+            emptySearchTitle,
+            emptySearchBody,
+            status,
+            actionButtons,
+            searchQuery,
+            updateSearchQuery,
           }
+          }
           additionalListeners={[hostId]}
           fetchItems={fetchItems}
           autocompleteEndpoint={`/hosts/${hostId}/packages/auto_complete_search`}
           foremanApiAutoComplete
           variant={TableVariant.compact}
@@ -88,36 +88,36 @@
               <Th />
             </Tr>
           </Thead>
           <Tbody>
             {results?.map((packages) => {
-                const {
-                  id,
-                  name: packageName,
-                  nvra: installedVersion,
-                  rpm_id: rpmId,
-                } = packages;
-                return (
-                  <Tr key={`${id}`}>
-                    <Td>
-                      {rpmId
-                        ? <a href={urlBuilder(`packages/${rpmId}`, '')}>{packageName}</a>
-                        : packageName
-                      }
-                    </Td>
-                    <Td><PackagesStatus {...packages} /></Td>
-                    <Td>{installedVersion.replace(`${packageName}-`, '')}</Td>
-                    <Td><PackagesLatestVersion {...packages} /></Td>
-                    <Td
-                      key={`rowActions-${id}`}
-                      actions={{
-                          items: rowActions,
-                        }}
-                    />
-                  </Tr>
-                );
-              })
-              }
+              const {
+                id,
+                name: packageName,
+                nvra: installedVersion,
+                rpm_id: rpmId,
+              } = packages;
+              return (
+                <Tr key={`${id}`}>
+                  <Td>
+                    {rpmId
+                      ? <a href={urlBuilder(`packages/${rpmId}`, '')}>{packageName}</a>
+                      : packageName
+                    }
+                  </Td>
+                  <Td><PackagesStatus {...packages} /></Td>
+                  <Td>{installedVersion.replace(`${packageName}-`, '')}</Td>
+                  <Td><PackagesLatestVersion {...packages} /></Td>
+                  <Td
+                    key={`rowActions-${id}`}
+                    actions={{
+                      items: rowActions,
+                    }}
+                  />
+                </Tr>
+              );
+            })
+            }
           </Tbody>
         </TableWrapper>
       </div>
     </div>
   );