diff --git a/apps/dashboard/src/pages/group.tsx b/apps/dashboard/src/pages/group.tsx
index 6d7f512e..3a33b44c 100644
--- a/apps/dashboard/src/pages/group.tsx
+++ b/apps/dashboard/src/pages/group.tsx
@@ -57,6 +57,13 @@ export default function GroupPage(): JSX.Element {
     const [_removeGroupName, setRemoveGroupName] = useState<string>("")
     const [_selectedMembers, setSelectedMembers] = useState<string[]>([])
     const { admin } = useContext(AuthContext)
+    const isGroupAdmin = !!(
+        admin &&
+        _group &&
+        (groupType === "off-chain"
+            ? _group.admin === admin.id
+            : _group.admin === admin.address.toLowerCase())
+    )
 
     useEffect(() => {
         ;(async () => {
@@ -349,82 +356,87 @@ ${memberIds.join("\n")}
                         </InputGroup>
                     </Box>
                     )
-                    {groupType === "off-chain" && !_group.credentials && (
-                        <Box
-                            bgColor="balticSea.50"
-                            p="25px 30px 25px 30px"
-                            borderRadius="8px"
-                        >
-                            <HStack justify="space-between">
-                                <Text fontSize="20px">Use API key</Text>
-
-                                <Switch
-                                    id="enable-api"
-                                    isChecked={_group.apiEnabled}
-                                    onChange={(event) =>
-                                        onApiAccessToggle(event.target.checked)
-                                    }
-                                />
-                            </HStack>
-
-                            <Text mt="10px" color="balticSea.700">
-                                Connect your app to your group using an API key.
-                            </Text>
+                    {groupType === "off-chain" &&
+                        !_group.credentials &&
+                        isGroupAdmin && (
+                            <Box
+                                bgColor="balticSea.50"
+                                p="25px 30px 25px 30px"
+                                borderRadius="8px"
+                            >
+                                <HStack justify="space-between">
+                                    <Text fontSize="20px">Use API key</Text>
+
+                                    <Switch
+                                        id="enable-api"
+                                        isChecked={_group.apiEnabled}
+                                        onChange={(event) =>
+                                            onApiAccessToggle(
+                                                event.target.checked
+                                            )
+                                        }
+                                    />
+                                </HStack>
 
-                            {_group.apiEnabled && (
-                                <>
-                                    <InputGroup size="lg" mt="10px">
-                                        <Input
-                                            pr="50px"
-                                            placeholder="API key"
-                                            value={_group?.apiKey}
-                                            isDisabled
-                                        />
+                                <Text mt="10px" color="balticSea.700">
+                                    Connect your app to your group using an API
+                                    key.
+                                </Text>
+
+                                {_group.apiEnabled && (
+                                    <>
+                                        <InputGroup size="lg" mt="10px">
+                                            <Input
+                                                pr="50px"
+                                                placeholder="API key"
+                                                value={_group?.apiKey}
+                                                isDisabled
+                                            />
 
-                                        <InputRightElement mr="5px">
-                                            <Tooltip
-                                                label={
-                                                    hasCopied
-                                                        ? "Copied!"
-                                                        : "Copy"
-                                                }
-                                                closeOnClick={false}
-                                                hasArrow
-                                            >
-                                                <IconButton
-                                                    variant="link"
-                                                    aria-label="Copy API key"
-                                                    onClick={onCopy}
-                                                    onMouseDown={(e) =>
-                                                        e.preventDefault()
-                                                    }
-                                                    icon={
-                                                        <Icon
-                                                            color="sunsetOrange.600"
-                                                            boxSize="5"
-                                                            as={FiCopy}
-                                                        />
+                                            <InputRightElement mr="5px">
+                                                <Tooltip
+                                                    label={
+                                                        hasCopied
+                                                            ? "Copied!"
+                                                            : "Copy"
                                                     }
-                                                />
-                                            </Tooltip>
-                                        </InputRightElement>
-                                    </InputGroup>
-
-                                    <Button
-                                        mt="10px"
-                                        variant="link"
-                                        color="balticSea.600"
-                                        textDecoration="underline"
-                                        onClick={generateApiKey}
-                                    >
-                                        Generate new key
-                                    </Button>
-                                </>
-                            )}
-                        </Box>
-                    )}
+                                                    closeOnClick={false}
+                                                    hasArrow
+                                                >
+                                                    <IconButton
+                                                        variant="link"
+                                                        aria-label="Copy API key"
+                                                        onClick={onCopy}
+                                                        onMouseDown={(e) =>
+                                                            e.preventDefault()
+                                                        }
+                                                        icon={
+                                                            <Icon
+                                                                color="sunsetOrange.600"
+                                                                boxSize="5"
+                                                                as={FiCopy}
+                                                            />
+                                                        }
+                                                    />
+                                                </Tooltip>
+                                            </InputRightElement>
+                                        </InputGroup>
+
+                                        <Button
+                                            mt="10px"
+                                            variant="link"
+                                            color="balticSea.600"
+                                            textDecoration="underline"
+                                            onClick={generateApiKey}
+                                        >
+                                            Generate new key
+                                        </Button>
+                                    </>
+                                )}
+                            </Box>
+                        )}
                     <Image src={image1} />
-                    {_group.type === "off-chain" && (
+                    {_group.type === "off-chain" && isGroupAdmin && (
                         <Box
                             bgColor="classicRose.50"
                             p="25px 30px 25px 30px"
@@ -482,13 +494,7 @@ ${memberIds.join("\n")}
                             variant="solid"
                             colorScheme="secondary"
                             onClick={addMembersModal.onOpen}
-                            hidden={
-                                !admin ||
-                                (groupType === "off-chain"
-                                    ? _group.admin !== admin.id
-                                    : _group.admin !==
-                                      admin.address.toLowerCase())
-                            }
+                            hidden={!isGroupAdmin}
                         >
                             Add member
                         </Button>