diff --git a/src/app/pages/TempleTapAirdrop/confirmed.svg b/src/app/pages/TempleTapAirdrop/confirmed.svg
new file mode 100644
index 000000000..c0ef2e4f5
--- /dev/null
+++ b/src/app/pages/TempleTapAirdrop/confirmed.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+   <path
+      d="M6.69141 19.3447C5.07422 19.3447 4.30957 18.5801 4.30957 16.9629V15.082C4.30957 14.915 4.26563 14.792 4.14258 14.6689L2.81543 13.333C1.67285 12.1904 1.66406 11.1182 2.81543 9.97559L4.14258 8.63965C4.26563 8.5166 4.30957 8.39355 4.30957 8.22656V6.3457C4.30957 4.71094 5.06543 3.96387 6.69141 3.96387H8.57227C8.73926 3.96387 8.8623 3.91113 8.98535 3.79687L10.3213 2.46973C11.4639 1.31836 12.5361 1.30957 13.6787 2.46094L15.0146 3.79687C15.1377 3.91992 15.2607 3.96387 15.4365 3.96387L17.3174 3.96387C18.9346 3.96387 19.6904 4.72852 19.6904 6.3457V8.22656C19.6904 8.39355 19.7344 8.50781 19.8662 8.63965L21.1934 9.97559C22.3359 11.1182 22.3447 12.1904 21.1934 13.333L19.8662 14.6689C19.7432 14.792 19.6904 14.915 19.6904 15.082V16.9629C19.6904 18.5801 18.9258 19.3447 17.3174 19.3447H15.4365C15.2607 19.3447 15.1465 19.3887 15.0146 19.5117L13.6787 20.8389C12.5361 21.9814 11.4639 21.9902 10.3213 20.8389L8.98535 19.5117C8.8623 19.3887 8.73926 19.3447 8.57227 19.3447H6.69141ZM11.0244 15.9873C11.3584 15.9873 11.6396 15.8291 11.833 15.5215L15.9551 9.11426C16.0781 8.9209 16.1836 8.70117 16.1836 8.49902C16.1836 8.0332 15.7793 7.72559 15.3398 7.72559C15.0674 7.72559 14.8213 7.88379 14.6279 8.19141L10.998 14.001L9.30176 11.8564C9.07324 11.5664 8.8623 11.4697 8.58984 11.4697C8.1416 11.4697 7.78125 11.8301 7.78125 12.2783C7.78125 12.5068 7.86035 12.709 8.01855 12.9111L10.1719 15.5303C10.4268 15.8467 10.6904 15.9873 11.0244 15.9873Z"
+      fill="#48BB78"
+      stroke="none"
+   />
+</svg>
\ No newline at end of file
diff --git a/src/app/pages/TempleTapAirdrop/index.tsx b/src/app/pages/TempleTapAirdrop/index.tsx
index c8d6d8778..814b5814f 100644
--- a/src/app/pages/TempleTapAirdrop/index.tsx
+++ b/src/app/pages/TempleTapAirdrop/index.tsx
@@ -1,13 +1,23 @@
-import React, { FC, memo, PropsWithChildren, useMemo } from 'react';
+import React, { FC, memo, PropsWithChildren, useCallback, useMemo, useState } from 'react';
 
-import { Alert, Anchor } from 'app/atoms';
+import { isAxiosError } from 'axios';
+import { OnSubmit, useForm } from 'react-hook-form';
+
+import { Alert, Anchor, FormField, FormSubmitButton } from 'app/atoms';
 import { ReactComponent as TelegramSvg } from 'app/icons/social-tg.svg';
 import { ReactComponent as XSocialSvg } from 'app/icons/social-x.svg';
 import PageLayout from 'app/layouts/PageLayout';
+import { sendTempleTapAirdropUsernameConfirmation } from 'lib/apis/temple-tap';
+import { t } from 'lib/i18n';
 import { useAccount } from 'lib/temple/front';
 import { TempleAccountType } from 'lib/temple/types';
 
 import BannerImgSrc from './banner.png';
+import { ReactComponent as ConfirmedSvg } from './confirmed.svg';
+
+interface FormData {
+  username: string;
+}
 
 export const TempleTapAirdropPage = memo(() => {
   const account = useAccount();
@@ -17,6 +27,32 @@ export const TempleTapAirdropPage = memo(() => {
     [account.type]
   );
 
+  const { register, handleSubmit, errors, setError, clearError, formState, reset } = useForm<FormData>();
+
+  const submitting = formState.isSubmitting;
+  const [confirmSent, setConfirmSent] = useState(false);
+  const [confirmed, setConfirmed] = useState(false);
+
+  const onSubmit = useCallback<OnSubmit<FormData>>(
+    async ({ username }) => {
+      clearError();
+
+      try {
+        await sendTempleTapAirdropUsernameConfirmation(account.publicKeyHash, username);
+
+        setConfirmSent(true);
+        reset();
+      } catch (error: any) {
+        if (isAxiosError(error) && error.response?.data.code === 'ACCOUNT_CONFIRMED') {
+          return void setConfirmed(true);
+        }
+
+        setError('username', 'submit-error', error?.response.data?.message || 'Something went wrong...');
+      }
+    },
+    [reset, clearError, setError, account.publicKeyHash]
+  );
+
   return (
     <PageLayout pageTitle="Temple Tap Airdrop" withBell>
       <div className="flex flex-col w-full max-w-sm mx-auto pb-6">
@@ -33,18 +69,59 @@ export const TempleTapAirdropPage = memo(() => {
 
         <span className="mt-8 text-dark-gray text-base leading-tighter font-medium">How to receive TKEY?</span>
 
+        {confirmSent && (
+          <Alert
+            type="success"
+            title={`${t('success')} ${confirmed ? '✅' : '🛫'}`}
+            description="Confirmation sent to Temple Tap bot! Waiting for approve..."
+            autoFocus
+            className="mt-4"
+          />
+        )}
+
         {canSign ? (
-          <BlockComp
-            title="Confirm address"
-            description="Enter your telegram @username to confirm your Tezos address in Temple Tap bot for future airdrop distribution"
-          >
-            <div className="text-xs leading-5 text-dark-gray">
-              <span>Your address: </span>
-              <span>{account.publicKeyHash}</span>
-            </div>
-          </BlockComp>
+          confirmed ? (
+            <BlockComp
+              title="Address confirmed"
+              description="Your address has been successfully confirmed in Temple Tap bot for future airdrop distribution."
+            >
+              <ConfirmedSvg className="w-6 h-6 absolute top-4 right-4" />
+            </BlockComp>
+          ) : (
+            <BlockComp
+              title="Confirm address"
+              description="Enter your telegram @username to confirm your Tezos address in Temple Tap bot for future airdrop distribution"
+            >
+              <div className="text-xs leading-5 text-dark-gray">
+                <span>Your address: </span>
+                <span>{account.publicKeyHash}</span>
+              </div>
+
+              <form onSubmit={handleSubmit(onSubmit)} className="contents">
+                <FormField
+                  ref={register({
+                    pattern: {
+                      value: TG_USERNAME_REGEX,
+                      message:
+                        "Starts with '@'. You can use a-z, A-Z, 0-9 and '_' in between. Minimum length is 6 characters."
+                    }
+                  })}
+                  name="username"
+                  placeholder="@username"
+                  className="mt-4"
+                  style={{ backgroundColor: 'white' }}
+                  disabled={submitting}
+                  errorCaption={errors.username?.message}
+                />
+
+                <FormSubmitButton type="submit" loading={submitting} className="mt-4">
+                  Confirm
+                </FormSubmitButton>
+              </form>
+            </BlockComp>
+          )
         ) : (
-          <Alert description="Please, use a signer account first." className="mt-4" />
+          <Alert description="Please, use a signer account to pursue." className="mt-4" />
         )}
 
         <BlockComp
@@ -68,7 +145,7 @@ interface BlockCompProps {
 }
 
 const BlockComp: FC<PropsWithChildren<BlockCompProps>> = ({ title, description, children }) => (
-  <div className="mt-4 flex flex-col p-4 bg-gray-100 rounded-xl">
+  <div className="mt-4 relative flex flex-col p-4 bg-gray-100 rounded-xl">
     <span className="text-sm font-semibold text-dark">{title}</span>
 
     <p className="my-1 text-xs leading-5 text-gray-600">{description}</p>
@@ -96,3 +173,5 @@ const SocialItem: FC<SocialItemProps> = ({ title, IconComp, followUrl }) => (
     </Anchor>
   </div>
 );
+
+const TG_USERNAME_REGEX = /^@[a-zA-Z0-9](?:[a-zA-Z0-9_]{3,}[a-zA-Z0-9])$/;
diff --git a/src/lib/apis/temple-tap.ts b/src/lib/apis/temple-tap.ts
new file mode 100644
index 000000000..f84a641a6
--- /dev/null
+++ b/src/lib/apis/temple-tap.ts
@@ -0,0 +1,8 @@
+import { templeWalletApi } from './temple/endpoints/templewallet.api';
+
+export function sendTempleTapAirdropUsernameConfirmation(accountPkh: string, username: string) {
+  return templeWalletApi.post('/temple-tap/confirm-airdrop-username', {
+    accountPkh,
+    username
+  });
+}