diff --git a/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx b/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx
index 549b4ca9df39c..e4447dfc4ee7d 100644
--- a/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx
+++ b/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx
@@ -1,15 +1,15 @@
 import { Box, Skeleton } from '@rocket.chat/fuselage';
-import { useTranslation } from '@rocket.chat/ui-contexts';
 import type { ReactElement } from 'react';
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 
 import { useLicense } from '../../../../client/hooks/useLicense';
 
 export const SidebarFooterWatermark = (): ReactElement | null => {
-	const t = useTranslation();
+	const { t } = useTranslation();
 
-	const { data: { activeModules = [], trial: isTrial = false, tags } = {}, isLoading, isError } = useLicense();
-	const [{ name: planName }] = tags ?? [{ name: 'Community' }];
+	const { data: { activeModules = [], trial: isTrial = false, tags = [] } = {}, isLoading, isError } = useLicense();
+	const planName = tags[0]?.name ?? 'Community';
 
 	const isWatermarkHidden = !isTrial && activeModules.includes('hide-watermark');
 
@@ -24,7 +24,7 @@ export const SidebarFooterWatermark = (): ReactElement | null => {
 					{t('Powered_by_RocketChat')}
 				</Box>
 				{isLoading || isError ? (
-					<Skeleton width='5rem' height='1rem' />
+					<Skeleton width='80px' height='16px' />
 				) : (
 					<Box fontScale='micro' color='pure-white' pbe={4}>
 						{planName} {isTrial ? 'trial' : ''}