diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx
index 1986aedcc7..a2cdc38e14 100644
--- a/frontend/src/Editor/Components/Table/Table.jsx
+++ b/frontend/src/Editor/Components/Table/Table.jsx
@@ -590,7 +590,7 @@ export function Table({
     if (
       tableData.length != 0 &&
       component.definition.properties.autogenerateColumns?.value &&
-      (useDynamicColumn || mode === 'edit')
+      (useDynamicColumn || mode === 'edit' || mode === 'view')
     ) {
       const generatedColumnFromData = autogenerateColumns(
         tableData,
diff --git a/frontend/src/_styles/table-component.scss b/frontend/src/_styles/table-component.scss
index fd75c2c319..a9ceed6f4b 100644
--- a/frontend/src/_styles/table-component.scss
+++ b/frontend/src/_styles/table-component.scss
@@ -886,7 +886,7 @@
 
       }
 
-      &:focus-within {
+      &:focus-within:not(.has-actions) {
         border: 1px solid var(--interactive-overlays-focus-outline);
         background-color: var(--surfaces-surface-01) !important;
         box-shadow: var(--elevation-200-box-shadow);