diff --git a/src/components/Directory/ManageBucket.jsx b/src/components/Directory/ManageBucket.jsx
index 86ba6dfe..ef8b5e54 100644
--- a/src/components/Directory/ManageBucket.jsx
+++ b/src/components/Directory/ManageBucket.jsx
@@ -296,7 +296,7 @@ const ManageBucket = () =>
                 <tbody className="table-border-bottom-0 overflow-auto">
                   {loading && (
                     <tr className="mt-10">
-                      <td colSpan={4}>
+                      <td colSpan={5}>
                         {" "}
                         <div className="d-flex justify-content-center align-items-center py-5">
                           Loading...
@@ -306,7 +306,7 @@ const ManageBucket = () =>
                   )}
                   {!loading && buckets.length == 0 && (
                     <tr>
-                      <td colSpan={4}>
+                      <td colSpan={5}>
                         <div className="d-flex justify-content-center align-items-center py-5">
                           Bucket Not Available.
                         </div>
@@ -315,7 +315,7 @@ const ManageBucket = () =>
                   )}
                   {!loading && sortedBucktesList.length == 0 && (
                     <tr>
-                      <td className="text-center py-4 h-25" colSpan={4}>
+                      <td className="text-center py-4 h-25" colSpan={5}>
                         <div className="d-flex justify-content-center align-items-center py-5">
                           No Matching Bucket Found.
                         </div>