diff --git a/CHANGELOG.md b/CHANGELOG.md
index 023dd2813..508968ddd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ## Not released
 
+- Added Storybook documentation on how to add an IconButton in a Table [#664](https://github.com/CartoDB/carto-react/pull/664)
 - Changed how widget are calculated when a mask is set: use just the mask, no more intersection between mask and viewport [#661](https://github.com/CartoDB/carto-react/pull/661)
 - LegendCategories component migrated from makeStyles to styled-components + cleanup [#634](https://github.com/CartoDB/carto-react/pull/634)
 - LegendProportion component migrated from makeStyles to styled-components + cleanup [#635](https://github.com/CartoDB/carto-react/pull/635)
diff --git a/packages/react-ui/storybook/stories/molecules/Table.stories.js b/packages/react-ui/storybook/stories/molecules/Table.stories.js
index 5941459e9..85f33d926 100644
--- a/packages/react-ui/storybook/stories/molecules/Table.stories.js
+++ b/packages/react-ui/storybook/stories/molecules/Table.stories.js
@@ -2,9 +2,6 @@ import React from 'react';
 import {
   Box,
   Chip,
-  FormControl,
-  MenuItem,
-  Select,
   Tooltip,
   Typography,
   TableRow,
@@ -12,26 +9,43 @@ import {
   TableHead,
   TableContainer,
   TableBody,
-  Table
+  Table,
+  IconButton
 } from '@mui/material';
 import SelectField from '../../../src/components/atoms/SelectField';
+import { MoreVertOutlined } from '@mui/icons-material';
 
 const rows = [
-  { name: 'Test Data 1', type: 'string', mode: '', description: 'Test Data 1' },
+  {
+    name: 'Test Data 1',
+    type: 'string',
+    mode: '',
+    description: 'Test Data 1'
+  },
   {
     name: 'very long text that should trigger the overflow style',
     type: 'string',
     mode: '',
     description: 'Test Data 2'
   },
-  { name: 'Test Data 3', type: 'string', mode: '', description: 'Test Data 3' },
+  {
+    name: 'Test Data 3',
+    type: 'string',
+    mode: '',
+    description: 'Test Data 3'
+  },
   {
     name: 'Test Data 4',
     type: 'string',
     mode: '',
     description: 'very long text that should trigger the overflow style'
   },
-  { name: 'Test Data 5', type: 'string', mode: '', description: 'Test Data 5' }
+  {
+    name: 'Test Data 5',
+    type: 'string',
+    mode: '',
+    description: 'Test Data 5'
+  }
 ];
 
 const options = {
@@ -62,6 +76,7 @@ const PlaygroundTemplate = (args) => {
             <TableCell>Type</TableCell>
             <TableCell>Mode</TableCell>
             <TableCell>Description</TableCell>
+            <TableCell>Actions</TableCell>
           </TableRow>
         </TableHead>
         <TableBody>
@@ -106,6 +121,11 @@ const PlaygroundTemplate = (args) => {
                   row.description
                 )}
               </TableCell>
+              <TableCell>
+                <IconButton size='small'>
+                  <MoreVertOutlined />
+                </IconButton>
+              </TableCell>
             </TableRow>
           ))}
         </TableBody>
@@ -125,6 +145,7 @@ const ScrollTemplate = (args) => (
             <TableCell>Type</TableCell>
             <TableCell>Mode</TableCell>
             <TableCell>Description</TableCell>
+            <TableCell>Actions</TableCell>
           </TableRow>
         </TableHead>
         <TableBody>
@@ -169,6 +190,11 @@ const ScrollTemplate = (args) => (
                   row.description
                 )}
               </TableCell>
+              <TableCell>
+                <IconButton size='small'>
+                  <MoreVertOutlined />
+                </IconButton>
+              </TableCell>
             </TableRow>
           ))}
         </TableBody>