diff --git a/backend/src/services/group-project/group-project-service.ts b/backend/src/services/group-project/group-project-service.ts
index 4b689f906..3a59e6615 100644
--- a/backend/src/services/group-project/group-project-service.ts
+++ b/backend/src/services/group-project/group-project-service.ts
@@ -68,6 +68,7 @@ export const groupProjectServiceFactory = ({
     });
 
     if (!project) throw new BadRequestError({ message: `Failed to find project with slug ${projectSlug}` });
+    if (project.version < 2) throw new BadRequestError({ message: `Failed to add group to E2EE project` });
 
     const { permission } = await permissionService.getProjectPermission(
       actor,
diff --git a/frontend/src/views/Project/MembersPage/MembersPage.tsx b/frontend/src/views/Project/MembersPage/MembersPage.tsx
index cae8ee4c3..af4b46d4b 100644
--- a/frontend/src/views/Project/MembersPage/MembersPage.tsx
+++ b/frontend/src/views/Project/MembersPage/MembersPage.tsx
@@ -2,7 +2,7 @@
 import { motion } from "framer-motion";
 
 import { Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
+import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
 import { withProjectPermission } from "@app/hoc";
 
 import { GroupsTab, IdentityTab, MemberListTab, ProjectRoleListTab, ServiceTokenTab } from "./components";
@@ -17,6 +17,9 @@ enum TabSections {
 
 export const MembersPage = withProjectPermission(
   () => {
+    const { currentWorkspace } = useWorkspace();
+    console.log("currentWorkspace: ", currentWorkspace);
+
     return (
       <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
         <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
@@ -24,7 +27,9 @@ export const MembersPage = withProjectPermission(
           <Tabs defaultValue={TabSections.Member}>
             <TabList>
               <Tab value={TabSections.Member}>People</Tab>
-              <Tab value={TabSections.Groups}>Groups</Tab>
+              {currentWorkspace?.version && currentWorkspace.version > 1 && (
+                <Tab value={TabSections.Groups}>Groups</Tab>
+              )}
               <Tab value={TabSections.Identities}>
                 <div className="flex items-center">
                   <p>Machine Identities</p>
@@ -36,17 +41,19 @@ export const MembersPage = withProjectPermission(
             <TabPanel value={TabSections.Member}>
               <MemberListTab />
             </TabPanel>
-            <TabPanel value={TabSections.Groups}>
-              <motion.div
-                key="panel-1"
-                transition={{ duration: 0.15 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: 30 }}
-              >
-                <GroupsTab />
-              </motion.div>
-            </TabPanel>
+            {currentWorkspace?.version && currentWorkspace.version > 1 && (
+              <TabPanel value={TabSections.Groups}>
+                <motion.div
+                  key="panel-1"
+                  transition={{ duration: 0.15 }}
+                  initial={{ opacity: 0, translateX: 30 }}
+                  animate={{ opacity: 1, translateX: 0 }}
+                  exit={{ opacity: 0, translateX: 30 }}
+                >
+                  <GroupsTab />
+                </motion.div>
+              </TabPanel>
+            )}
             <TabPanel value={TabSections.Identities}>
               <IdentityTab />
             </TabPanel>