diff --git a/package-lock.json b/package-lock.json
index 0b5372d39e..a8b73c2e9a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
             "dependencies": {
                 "@emotion/react": "^11.11.4",
                 "@emotion/styled": "^11.11.5",
-                "@gridsuite/commons-ui": "0.66.0",
+                "@gridsuite/commons-ui": "0.66.1",
                 "@hookform/resolvers": "^3.3.4",
                 "@mui/icons-material": "^5.15.14",
                 "@mui/lab": "5.0.0-alpha.169",
@@ -3204,9 +3204,9 @@
             }
         },
         "node_modules/@gridsuite/commons-ui": {
-            "version": "0.66.0",
-            "resolved": "https://registry.npmjs.org/@gridsuite/commons-ui/-/commons-ui-0.66.0.tgz",
-            "integrity": "sha512-DGT6dP/3Q2vInz8d2eyrORCULwQBTk9JkGqqpWwWZSIEFooLW8lMdRGkn6fvywObBxYQwl5n6mTq04Wawc5bjw==",
+            "version": "0.66.1",
+            "resolved": "https://registry.npmjs.org/@gridsuite/commons-ui/-/commons-ui-0.66.1.tgz",
+            "integrity": "sha512-tp4pt2gYPB7El3HeJJzmxGjRFW9wnpcDL5i2OzM7jSmHD4t7ymGuv6aLbCqU18ksVVu1yC38BysY3TzVFvxMkQ==",
             "dependencies": {
                 "@react-querybuilder/dnd": "^7.2.0",
                 "@react-querybuilder/material": "^7.2.0",
diff --git a/package.json b/package.json
index 796f636bdf..3a2b70f1b7 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "dependencies": {
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@gridsuite/commons-ui": "0.66.0",
+        "@gridsuite/commons-ui": "0.66.1",
         "@hookform/resolvers": "^3.3.4",
         "@mui/icons-material": "^5.15.14",
         "@mui/lab": "5.0.0-alpha.169",
diff --git a/src/components/spreadsheet/custom-columns/custom-columns-config.tsx b/src/components/spreadsheet/custom-columns/custom-columns-config.tsx
index 0a2d5a0611..c47f2c45ae 100644
--- a/src/components/spreadsheet/custom-columns/custom-columns-config.tsx
+++ b/src/components/spreadsheet/custom-columns/custom-columns-config.tsx
@@ -6,7 +6,7 @@
  */
 
 import { FormattedMessage } from 'react-intl';
-import { Badge, Button } from '@mui/material';
+import { Badge, IconButton } from '@mui/material';
 import { Calculate as CalculateIcon } from '@mui/icons-material';
 import { useSelector } from 'react-redux';
 import { TABLES_NAMES } from '../utils/config-tables';
@@ -26,8 +26,10 @@ export default function CustomColumnsConfig({ indexTab }: Readonly<CustomColumns
 
     return (
         <>
-            <Button color="inherit" onClick={dialogOpen.setTrue}>
+            <span>
                 <FormattedMessage id="spreadsheet/custom_column/main_button" />
+            </span>
+            <IconButton aria-label="dialog" onClick={dialogOpen.setTrue}>
                 <Badge
                     color="secondary"
                     anchorOrigin={{
@@ -38,7 +40,8 @@ export default function CustomColumnsConfig({ indexTab }: Readonly<CustomColumns
                 >
                     <CalculateIcon />
                 </Badge>
-            </Button>
+            </IconButton>
+
             <CustomColumnDialog
                 indexTab={indexTab}
                 open={dialogOpen}
diff --git a/src/components/spreadsheet/table-wrapper.jsx b/src/components/spreadsheet/table-wrapper.jsx
index aa63c65d51..beaddc8baf 100644
--- a/src/components/spreadsheet/table-wrapper.jsx
+++ b/src/components/spreadsheet/table-wrapper.jsx
@@ -1132,7 +1132,7 @@ const TableWrapper = (props) => {
                         />
                     </Grid>
                     {developerMode && (
-                        <Grid item>
+                        <Grid item sx={{ marginLeft: '15px' }}>
                             <CustomColumnsConfig indexTab={tabIndex} />
                         </Grid>
                     )}