fix: styling issues in api token

Author: eshankvaish

src/GlobalConfigurations/Authorization/APITokens/ApiTokens.component.tsx

@@ -121,7 +121,7 @@ const ApiTokens = () => {
                             className="flex search__clear-button"
                             type="button"
                             onClick={clearSearch}
-                            aria-label="Clear search"
+                            aria-label="Clear Search"
                         >
                             <Clear className="icon-dim-18 icon-n4 dc__vertical-align-middle" />
                         </button>
@@ -139,7 +139,7 @@ const ApiTokens = () => {
     const renderAPITokenRoutes = (): JSX.Element => {
         return (
             <>
-                <div data-testid="api-token-page" className="api-token-container bcn-0">
+                <div data-testid="api-token-page" className="api-token-container flexbox-col flex-grow-1">
                     <Switch>
                         <Route path={`${path}/list`}>
                             <APITokenList
@@ -200,6 +200,7 @@ const ApiTokens = () => {
                 subTitle={EMPTY_STATE_STATUS.GENERATE_API_TOKEN.SUBTITLE}
                 isButtonAvailable
                 renderButton={renderGenerateButton}
+                classname="flex-grow-1"
             />
         )
     }

src/GlobalConfigurations/Authorization/APITokens/GenerateActionButton.tsx

@@ -2,13 +2,7 @@ import React from 'react'
 import { ButtonWithLoader } from '../../../components/common'
 import { GenerateActionButtonType } from './authorization.type'
 
-function GenerateActionButton({
-    loader,
-    onCancel,
-    onSave,
-    buttonText,
-    regenerateButton
-}: GenerateActionButtonType) {
+const GenerateActionButton = ({ loader, onCancel, onSave, buttonText, regenerateButton }: GenerateActionButtonType) => {
     return (
         <div
             className={`modal__buttons w-100 pl-16 pt-16 pr-16 flex ${