From 84f288553387643a08433217c82b5b8ba99df6c0 Mon Sep 17 00:00:00 2001
From: Joe Milton <64725924+joemiltonm@users.noreply.github.com>
Date: Tue, 21 Nov 2023 13:49:51 +0530
Subject: [PATCH] fix: tab in license page aligned properly (#4006)

Co-authored-by: Palash Gupta <palashgdev@gmail.com>
---
 frontend/src/container/Licenses/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/container/Licenses/index.tsx b/frontend/src/container/Licenses/index.tsx
index 351d78a636..cb35c0b5ec 100644
--- a/frontend/src/container/Licenses/index.tsx
+++ b/frontend/src/container/Licenses/index.tsx
@@ -7,14 +7,14 @@ import ApplyLicenseForm from './ApplyLicenseForm';
 import ListLicenses from './ListLicenses';
 
 function Licenses(): JSX.Element {
-	const { t } = useTranslation(['licenses']);
+	const { t, ready: translationsReady } = useTranslation(['licenses']);
 	const { data, isError, isLoading, refetch } = useLicense();
 
 	if (isError || data?.error) {
 		return <Typography>{data?.error}</Typography>;
 	}
 
-	if (isLoading || data?.payload === undefined) {
+	if (isLoading || data?.payload === undefined || !translationsReady) {
 		return <Spinner tip={t('loading_licenses')} height="90vh" />;
 	}