diff --git a/packages/console/src/components/Table/TableEmpty.tsx b/packages/console/src/components/Table/TableEmpty.tsx
index b7a95db6e..d2d67ed2a 100644
--- a/packages/console/src/components/Table/TableEmpty.tsx
+++ b/packages/console/src/components/Table/TableEmpty.tsx
@@ -9,14 +9,15 @@ type Props = {
   title?: string;
   content?: string;
   children?: ReactNode;
+  columns: number;
 };
 
-const TableEmpty = ({ title, content, children }: Props) => {
+const TableEmpty = ({ title, content, children, columns }: Props) => {
   const { t } = useTranslation();
 
   return (
     <tr>
-      <td colSpan={0}>
+      <td colSpan={columns}>
         <div className={styles.tableEmpty}>
           <div>
             <img src={EmptyImage} />
diff --git a/packages/console/src/components/Table/TableError.tsx b/packages/console/src/components/Table/TableError.tsx
index b8c2e4f4e..499226c9f 100644
--- a/packages/console/src/components/Table/TableError.tsx
+++ b/packages/console/src/components/Table/TableError.tsx
@@ -10,14 +10,15 @@ type Props = {
   title?: string;
   content?: string;
   onRetry?: () => void;
+  columns: number;
 };
 
-const TableError = ({ title, content, onRetry }: Props) => {
+const TableError = ({ title, content, onRetry, columns }: Props) => {
   const { t } = useTranslation();
 
   return (
     <tr>
-      <td colSpan={0}>
+      <td colSpan={columns}>
         <div className={styles.tableError}>
           <div className={styles.image}>
             <img src={ErrorImage} />
diff --git a/packages/console/src/pages/ApiResources/index.tsx b/packages/console/src/pages/ApiResources/index.tsx
index b83cd2fac..2b99a6132 100644
--- a/packages/console/src/pages/ApiResources/index.tsx
+++ b/packages/console/src/pages/ApiResources/index.tsx
@@ -76,13 +76,14 @@ const ApiResources = () => {
         <tbody>
           {error && (
             <TableError
+              columns={2}
               content={error.body.message}
               onRetry={async () => mutate(undefined, true)}
             />
           )}
           {isLoading && <TableLoading columns={2} />}
           {data?.length === 0 && (
-            <TableEmpty>
+            <TableEmpty columns={2}>
               <Button
                 title="admin_console.api_resources.create"
                 type="outline"
diff --git a/packages/console/src/pages/Applications/index.tsx b/packages/console/src/pages/Applications/index.tsx
index aece009b0..f359a57ba 100644
--- a/packages/console/src/pages/Applications/index.tsx
+++ b/packages/console/src/pages/Applications/index.tsx
@@ -74,13 +74,14 @@ const Applications = () => {
         <tbody>
           {error && (
             <TableError
+              columns={2}
               content={error.body.message}
               onRetry={async () => mutate(undefined, true)}
             />
           )}
           {isLoading && <TableLoading columns={2} />}
           {data?.length === 0 && (
-            <TableEmpty>
+            <TableEmpty columns={2}>
               <Button
                 title="admin_console.applications.create"
                 type="outline"
diff --git a/packages/console/src/pages/Connectors/index.tsx b/packages/console/src/pages/Connectors/index.tsx
index 67e99bc0d..2c8fcdc68 100644
--- a/packages/console/src/pages/Connectors/index.tsx
+++ b/packages/console/src/pages/Connectors/index.tsx
@@ -82,6 +82,7 @@ const Connectors = () => {
           <tbody>
             {error && (
               <TableError
+                columns={3}
                 content={error.body.message}
                 onRetry={async () => mutate(undefined, true)}
               />
@@ -89,6 +90,7 @@ const Connectors = () => {
             {isLoading && <TableLoading columns={3} />}
             {socialConnectors?.length === 0 && (
               <TableEmpty
+                columns={3}
                 title={t('connectors.type.social')}
                 content={t('connectors.social_connector_eg')}
               >
diff --git a/packages/console/src/pages/UserDetails/components/UserConnectors.tsx b/packages/console/src/pages/UserDetails/components/UserConnectors.tsx
index 4596629cd..3300fbddd 100644
--- a/packages/console/src/pages/UserDetails/components/UserConnectors.tsx
+++ b/packages/console/src/pages/UserDetails/components/UserConnectors.tsx
@@ -94,6 +94,7 @@ const UserConnectors = ({ userId, connectors, onDelete }: Props) => {
           <tbody>
             {error && (
               <TableError
+                columns={3}
                 content={error.body.message}
                 onRetry={async () => mutate(undefined, true)}
               />
diff --git a/packages/console/src/pages/Users/index.tsx b/packages/console/src/pages/Users/index.tsx
index 6ce46aa2a..80feafb91 100644
--- a/packages/console/src/pages/Users/index.tsx
+++ b/packages/console/src/pages/Users/index.tsx
@@ -76,13 +76,14 @@ const Users = () => {
         <tbody>
           {error && (
             <TableError
+              columns={3}
               content={error.body.message}
               onRetry={async () => mutate(undefined, true)}
             />
           )}
           {isLoading && <TableLoading columns={3} />}
           {users?.length === 0 && (
-            <TableEmpty>
+            <TableEmpty columns={3}>
               <Button
                 title="admin_console.users.create"
                 type="outline"