Merge pull request #3635 from ChayanDass/overflow/taint

frontend:fix the overflow taints node table

Author: k8s-ci-robot

frontend/src/components/node/__snapshots__/List.Nodes.stories.storyshot

@@ -875,7 +875,7 @@
                   class="MuiTableCell-root MuiTableCell-alignLeft MuiTableCell-sizeMedium css-16qg0bt-MuiTableCell-root"
                 >
                   <div
-                    class="MuiBox-root css-am63uh"
+                    class="MuiBox-root css-15e19qo"
                   />
                 </td>
                 <td
@@ -1003,7 +1003,7 @@
                   class="MuiTableCell-root MuiTableCell-alignLeft MuiTableCell-sizeMedium css-16qg0bt-MuiTableCell-root"
                 >
                   <div
-                    class="MuiBox-root css-am63uh"
+                    class="MuiBox-root css-15e19qo"
                   />
                 </td>
                 <td

frontend/src/components/node/utils.tsx

@@ -26,8 +26,10 @@ const WrappingBox = styled(Box)(({ theme }) => ({
   display: 'flex',
   justifyContent: 'left',
   flexWrap: 'wrap',
+  overflow: 'hidden',
   '& > *': {
-    margin: theme.spacing(0.5),
+    marginRight: theme.spacing(0.5),
+    marginBottom: theme.spacing(0.5),
   },
 }));