fix for broken ui

Author: shivani170

src/components/ciPipeline/Webhook/WebhookDetailsModal.tsx

@@ -363,11 +363,11 @@ export function WebhookDetailsModal({ close }: WebhookDetailType) {
         return (
             <div className="mb-16">
                 <div className="flexbox w-100 dc__position-rel en-2 bw-1 br-4 h-32">
+                    {renderWebhhokTokenLabel()}
                     <CustomInput
                         name="api-token"
-                        label={renderWebhhokTokenLabel()}
                         placeholder="Enter API token"
-                        rootClassName="bcn-0 dc__no-border"
+                        rootClassName="bcn-0 dc__no-border-imp w-100 h-32 p-0-imp"
                         onChange={handleTokenChange}
                         value={tryoutAPIToken} 
                         error={showTryoutAPITokenError && WEBHOOK_NO_API_TOKEN_ERROR}
@@ -381,7 +381,7 @@ export function WebhookDetailsModal({ close }: WebhookDetailType) {
         return (
             <div>
                 <div className="cn-7 mt-16 mb-8 fs-13">{titlePrefix} API token</div>
-                <div className="fs-13 font-roboto flexbox dc__word-break">
+                <div className="fs-13 font-roboto flexbox dc__word-break pl-8-imp">
                     {token}
                     <Tippy
                         className="default-tt"