diff --git a/frontend/src/Editor/Inspector/Components/Table.jsx b/frontend/src/Editor/Inspector/Components/Table.jsx
index 40a807ac6c..f9848efbe9 100644
--- a/frontend/src/Editor/Inspector/Components/Table.jsx
+++ b/frontend/src/Editor/Inspector/Components/Table.jsx
@@ -338,7 +338,7 @@ class Table extends React.Component {
     const actions = component.component.definition.properties.actions || { value: [] };
 
     return (
-      <div className="properties-container p-2" key={this.props.component.id}>
+      <div className="properties-container p-2 mb-5 pb-3" key={this.props.component.id}>
         {renderElement(component, componentMeta, paramUpdated, dataQueries, 'data', 'properties', currentState, components)}
 
         <div className="field mb-2 mt-3">
diff --git a/frontend/src/Editor/Inspector/Inspector.jsx b/frontend/src/Editor/Inspector/Inspector.jsx
index 32a461a940..00b76d1388 100644
--- a/frontend/src/Editor/Inspector/Inspector.jsx
+++ b/frontend/src/Editor/Inspector/Inspector.jsx
@@ -170,7 +170,7 @@ export const Inspector = ({
       }
         
       {!['Table', 'Chart'].includes(componentMeta.component)   && 
-        <div className="properties-container p-2">
+        <div className="properties-container p-2 mb-5 pb-3">
           {Object.keys(componentMeta.properties).map((property) => renderElement(component, componentMeta, paramUpdated, dataQueries, property, 'properties', currentState, components))}
           <div class="hr-text">Style</div>
           {Object.keys(componentMeta.styles).map((style) => renderElement(component, componentMeta, paramUpdated, dataQueries, style, 'styles', currentState, components))}