diff --git a/frontend/app/components/Session/Player/SharedComponents/SessionTabs.tsx b/frontend/app/components/Session/Player/SharedComponents/SessionTabs.tsx
index cd587578c..51fc1d1ec 100644
--- a/frontend/app/components/Session/Player/SharedComponents/SessionTabs.tsx
+++ b/frontend/app/components/Session/Player/SharedComponents/SessionTabs.tsx
@@ -12,6 +12,8 @@ interface Props {
hideModal: () => void;
}
+const DISPLAY_LIMIT = 5
+
function Modal({ tabs, currentTab, changeTab, hideModal }: Props) {
return (
@@ -45,8 +47,8 @@ function SessionTabs({ isLive }: { isLive?: boolean }) {
idx,
isClosed: closedTabs.includes(tab)
}));
- const shouldTruncate = tabsArr.length > 10;
- const actualTabs = shouldTruncate ? tabsArr.slice(0, 10) : tabsArr;
+ const shouldTruncate = tabsArr.length > DISPLAY_LIMIT;
+ const actualTabs = shouldTruncate ? tabsArr.slice(0, DISPLAY_LIMIT) : tabsArr;
const shownTabs =
actualTabs.findIndex((el) => el.tab === currentTab) !== -1
@@ -86,18 +88,16 @@ function SessionTabs({ isLive }: { isLive?: boolean }) {
))}
{shouldTruncate ? (
<>
- {tabsArr.length > 11 ? (
-
- +{tabsArr.length - 11} More
-
- ) : null}
+
+ +{tabsArr.length - DISPLAY_LIMIT} More
+
>
) : null}
>