diff --git a/knox-token-generation-ui/token-generation/app/token-generation.component.html b/knox-token-generation-ui/token-generation/app/token-generation.component.html
index d02989a5c..16e9afeb5 100644
--- a/knox-token-generation-ui/token-generation/app/token-generation.component.html
+++ b/knox-token-generation-ui/token-generation/app/token-generation.component.html
@@ -29,7 +29,7 @@
Token Generation
-
+
diff --git a/knox-token-generation-ui/token-generation/app/token-generation.service.ts b/knox-token-generation-ui/token-generation/app/token-generation.service.ts
index 19c651b18..4c74cab68 100644
--- a/knox-token-generation-ui/token-generation/app/token-generation.service.ts
+++ b/knox-token-generation-ui/token-generation/app/token-generation.service.ts
@@ -53,7 +53,8 @@ export class TokenGenService {
return {
tokenManagementEnabled: responseData.tokenManagementEnabled === 'true',
maximumLifetimeText: responseData.maximumLifetimeText,
- maximumLifetimeSeconds: responseData.maximumLifetimeSeconds,
+ // the '+' character at the beginning converts the incoming string to a number
+ maximumLifetimeSeconds: +responseData.maximumLifetimeSeconds,
lifespanInputEnabled: responseData.lifespanInputEnabled === 'true',
impersonationEnabled: responseData.impersonationEnabled === 'true',
configuredTssBackend: responseData.configuredTssBackend,