From 5c7b97f9cbcf9bfdc0f5ff0bbbe2b5bec239ba6e Mon Sep 17 00:00:00 2001
From: novykh <ioannis.klironomos@gmail.com>
Date: Mon, 4 Nov 2024 11:58:06 +0200
Subject: [PATCH] v4.7.6

---
 package.json                              | 2 +-
 src/components/table/body/header/index.js | 1 +
 src/components/table/body/index.js        | 2 +-
 src/components/table/body/row.js          | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 5eb25b24..78264265 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "4.7.5",
+  "version": "4.7.6",
   "description": "netdata UI kit",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",
diff --git a/src/components/table/body/header/index.js b/src/components/table/body/header/index.js
index 23d30544..a2b011ac 100644
--- a/src/components/table/body/header/index.js
+++ b/src/components/table/body/header/index.js
@@ -89,6 +89,7 @@ const BodyHeader = memo(({ table, testPrefix, ...rest }) => {
         size={table.getLeftTotalSize()}
         testPrefix={testPrefix}
         {...rest}
+        flex={false}
         table={table}
       />
       <HeaderGroups
diff --git a/src/components/table/body/index.js b/src/components/table/body/index.js
index 2bbb1c46..4c936ceb 100644
--- a/src/components/table/body/index.js
+++ b/src/components/table/body/index.js
@@ -97,7 +97,7 @@ const Body = memo(
           height: "100%",
           overflow: "auto",
           flex: "1",
-          maxWidth: `min(${table.getTotalSize()}, 100%)`,
+          // maxWidth: `min(${table.getTotalSize()}, 100%)`, // WHY: Removing since it causes issues with fullWidth cells
         }}
         data-testid={`netdata-table${testPrefix}`}
       >
diff --git a/src/components/table/body/row.js b/src/components/table/body/row.js
index cfafa71b..84633dcd 100644
--- a/src/components/table/body/row.js
+++ b/src/components/table/body/row.js
@@ -130,7 +130,7 @@ export default memo(
             border={{ side: "right" }}
             zIndex={zIndex || 1}
             basis={`${table.getLeftTotalSize()}px`}
-            flex="grow"
+            flex={false}
             background={index % 2 === 0 ? "tableRowBg2" : "tableRowBg"}
             _hover={{
               background: index % 2 === 0 ? "tableRowBg2Hover" : "tableRowBgHover",