diff --git a/src/components/Project/ProjectNav.jsx b/src/components/Project/ProjectNav.jsx
index d8b2e8ed..c964efd3 100644
--- a/src/components/Project/ProjectNav.jsx
+++ b/src/components/Project/ProjectNav.jsx
@@ -40,31 +40,32 @@ const ProjectNav = ({ onPillClick, activePill }) => {
       label: "Directory",
       hidden: !(DirAdmin || DireManager || DirUser),
     },
-    { key: "documents", icon: "bx bx-folder-open", label: "Documents",hidden:!(isViewDocuments || isModifyDocument || isUploadDocument) },
-    { key: "organization", icon: "bx bx-buildings", label: "Organization"},
-    { key: "setting", icon: "bx bxs-cog", label: "Setting",hidden:!isManageTeam },
+    { key: "documents", icon: "bx bx-folder-open", label: "Documents", hidden: !(isViewDocuments || isModifyDocument || isUploadDocument) },
+    { key: "organization", icon: "bx bx-buildings", label: "Organization" },
+    { key: "setting", icon: "bx bxs-cog", label: "Setting", hidden: !isManageTeam },
   ];
   return (
-    <div className="nav-align-top">
-      <ul className="nav nav-tabs">
-        {ProjectTab?.filter((tab) => !tab.hidden)?.map((tab) => (
-          <li key={tab.key} className="nav-item cursor-pointer">
-            <a
-             
-              className={`nav-link ${
-                activePill === tab.key ? "active cursor-pointer" : ""
-              } fs-6`}
-              onClick={(e) => {
-                e.preventDefault();
-                onPillClick(tab.key);
-              }}
-            >
-              <i className={`${tab.icon} bx-sm me-1_5`}></i>
-              <span className="d-none d-md-inline  ">{tab.label}</span>
-            </a>
-          </li>
-        ))}
-      </ul>
+    <div className="table-responsive">
+      <div className="nav-align-top">
+        <ul className="nav nav-tabs">
+          {ProjectTab?.filter((tab) => !tab.hidden)?.map((tab) => (
+            <li key={tab.key} className="nav-item cursor-pointer">
+              <a
+
+                className={`nav-link ${activePill === tab.key ? "active cursor-pointer" : ""
+                  } fs-6`}
+                onClick={(e) => {
+                  e.preventDefault();
+                  onPillClick(tab.key);
+                }}
+              >
+                <i className={`${tab.icon} bx-sm me-1_5`}></i>
+                <span className="d-none d-md-inline  ">{tab.label}</span>
+              </a>
+            </li>
+          ))}
+        </ul>
+      </div>
     </div>
   );
 };