diff --git a/plugins/main/public/components/security/policies/policies-table.tsx b/plugins/main/public/components/security/policies/policies-table.tsx
index 4e2d9b376d..dcfd26303b 100644
--- a/plugins/main/public/components/security/policies/policies-table.tsx
+++ b/plugins/main/public/components/security/policies/policies-table.tsx
@@ -72,7 +72,7 @@ export const PoliciesTable = ({
     {
       field: 'id',
       name: 'ID',
-      width: 75,
+      width: '75',
       sortable: true,
       truncateText: true,
     },
@@ -113,7 +113,7 @@ export const PoliciesTable = ({
           )
         );
       },
-      width: 150,
+      width: '150',
       sortable: false,
     },
     {
diff --git a/plugins/main/public/components/security/policies/policies.tsx b/plugins/main/public/components/security/policies/policies.tsx
index ef18288dd8..a094c137f9 100644
--- a/plugins/main/public/components/security/policies/policies.tsx
+++ b/plugins/main/public/components/security/policies/policies.tsx
@@ -18,7 +18,7 @@ import { closeFlyout } from '../../common/flyouts/close-flyout-security';
 export const Policies = withUserAuthorizationPrompt([
   { action: 'security:read', resource: 'policy:id:*' },
 ])(() => {
-  const [policies, setPolicies] = useState('');
+  const [policies, setPolicies] = useState([]);
   const [loading, setLoading] = useState(false);
   const [isCreatingPolicy, setIsCreatingPolicy] = useState(false);
   const [isEditingPolicy, setIsEditingPolicy] = useState(false);
diff --git a/plugins/main/public/components/security/roles/roles-table.tsx b/plugins/main/public/components/security/roles/roles-table.tsx
index cd83f2eb4f..6da4c0bf1e 100644
--- a/plugins/main/public/components/security/roles/roles-table.tsx
+++ b/plugins/main/public/components/security/roles/roles-table.tsx
@@ -75,14 +75,14 @@ export const RolesTable = ({
     {
       field: 'id',
       name: 'ID',
-      width: 75,
+      width: '75',
       sortable: true,
       truncateText: true,
     },
     {
       field: 'name',
       name: 'Name',
-      width: 200,
+      width: '200',
       sortable: true,
       truncateText: true,
     },
@@ -147,7 +147,7 @@ export const RolesTable = ({
           )
         );
       },
-      width: 150,
+      width: '150',
       sortable: false,
     },
     {