diff --git a/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx b/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx
index b2ef2b0879735..3e85b86b45d77 100644
--- a/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx
+++ b/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx
@@ -1,4 +1,4 @@
-import { Box } from '@rocket.chat/fuselage';
+import { Box, Skeleton } from '@rocket.chat/fuselage';
import { useTranslation } from '@rocket.chat/ui-contexts';
import type { ReactElement } from 'react';
import React from 'react';
@@ -8,10 +8,10 @@ import { useLicense } from '../../../../client/hooks/useLicense';
export const SidebarFooterWatermark = (): ReactElement | null => {
const t = useTranslation();
- const { data: { license, activeModules = [] } = {} } = useLicense();
- const [planTag] = license?.information?.tags ?? [];
+ const { data: { license, activeModules = [], trial: isTrial = false } = {}, isLoading, isError } = useLicense();
+ const [{ name: planName }] = license?.information?.tags ?? [{ name: 'Community' }];
- const isWatermarkHidden = activeModules.includes('hide-watermark');
+ const isWatermarkHidden = !isTrial && activeModules.includes('hide-watermark');
if (isWatermarkHidden) {
return null;
@@ -23,9 +23,13 @@ export const SidebarFooterWatermark = (): ReactElement | null => {
{t('Powered_by_RocketChat')}
-
- {planTag?.name}
-
+ {isLoading || isError ? (
+
+ ) : (
+
+ {planName} {isTrial ? 'trial' : ''}
+
+ )}
);