diff --git a/apps/web/modules/team/team-view.tsx b/apps/web/modules/team/team-view.tsx
index cfabf09c59ad4f..94c7d728de8fad 100644
--- a/apps/web/modules/team/team-view.tsx
+++ b/apps/web/modules/team/team-view.tsx
@@ -8,6 +8,7 @@
// 2. org/[orgSlug]/[user]/[type]
import classNames from "classnames";
import Link from "next/link";
+import { useCallback, useState } from "react";
import { sdkActionManager, useIsEmbed } from "@calcom/embed-core/embed-iframe";
import EventTypeDescription from "@calcom/web/modules/event-types/components/EventTypeDescription";
@@ -36,6 +37,13 @@ function TeamPage({ team, considerUnpublished, isValidOrgDomain }: PageProps) {
const isEmbed = useIsEmbed();
const teamName = team.name || t("nameless_team");
const isBioEmpty = !team.bio || !team.bio.replace("
", "").length;
+ const [isBioExpanded, setIsBioExpanded] = useState(false);
+ const [isBioClamped, setIsBioClamped] = useState(false);
+ const checkBioClamped = useCallback((node: HTMLDivElement | null) => {
+ if (node) {
+ setIsBioClamped(node.scrollHeight > node.clientHeight);
+ }
+ }, []);
const metadata = teamMetadataSchema.parse(team.metadata);
const teamOrOrgIsPrivate = team.isPrivate || (team?.parent?.isOrganization && team.parent?.isPrivate);
@@ -154,13 +162,25 @@ function TeamPage({ team, considerUnpublished, isValidOrgDomain }: PageProps) {
{teamName}
{!isBioEmpty && (
- <>
+
{/* biome-ignore lint/security/noDangerouslySetInnerHtml: Content is sanitized via safeBio */}
- >
+ {(isBioClamped || isBioExpanded) && (
+
+ )}
+
)}
{team.isOrganization ? (
diff --git a/packages/i18n/locales/en/common.json b/packages/i18n/locales/en/common.json
index 515683022c646c..0cd29daf760992 100644
--- a/packages/i18n/locales/en/common.json
+++ b/packages/i18n/locales/en/common.json
@@ -3144,6 +3144,7 @@
"redirect_to": "Redirect to",
"having_trouble_finding_time": "Having trouble finding a time?",
"show_more": "Show more",
+ "show_less": "Show less",
"signup_with_google": "Sign up with Google",
"signup_with_microsoft": "Sign up with Microsoft",
"signin_with_microsoft": "Sign in with Microsoft",