diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/airdrop-tab.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/airdrop-tab.tsx
index 52ed99a4c1e..d9a86ef36b9 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/airdrop-tab.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/airdrop-tab.tsx
@@ -129,7 +129,7 @@ const AirdropTab: React.FC<AirdropTabProps> = ({ contract, tokenId }) => {
                 <SheetContent className="w-full overflow-y-auto sm:min-w-[540px] lg:min-w-[700px]">
                   <SheetHeader>
                     <SheetTitle className="mb-5 text-left">
-                      Aidrop NFTs
+                      Airdrop NFTs
                     </SheetTitle>
                   </SheetHeader>
                   <AirdropUpload
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-form.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-form.tsx
index 324551d2740..7cae7f32e0a 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-form.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-form.tsx
@@ -7,13 +7,9 @@ import {
   AccordionItem,
   AccordionPanel,
   Divider,
-  DrawerBody,
-  DrawerFooter,
-  DrawerHeader,
   FormControl,
   Input,
   Textarea,
-  useModalContext,
 } from "@chakra-ui/react";
 import { OpenSeaPropertyBadge } from "components/badges/opensea";
 import { TransactionButton } from "components/buttons/TransactionButton";
@@ -21,9 +17,9 @@ import { PropertiesFormControl } from "components/contract-pages/forms/propertie
 import { FileInput } from "components/shared/FileInput";
 import { useTrack } from "hooks/analytics/useTrack";
 import { useImageFileOrUrl } from "hooks/useImageFileOrUrl";
-import { useTxNotifications } from "hooks/useTxNotifications";
-import { useMemo } from "react";
+import { type Dispatch, type SetStateAction, useMemo } from "react";
 import { useForm } from "react-hook-form";
+import { toast } from "sonner";
 import type { NFT, ThirdwebContract } from "thirdweb";
 import {
   updateMetadata as updateMetadata721,
@@ -50,7 +46,7 @@ const UPDATE_METADATA_FORM_ID = "nft-update-metadata-form";
 type UpdateNftMetadataForm = {
   contract: ThirdwebContract;
   nft: NFT;
-
+  setOpen: Dispatch<SetStateAction<boolean>>;
   /**
    * If useUpdateMetadata (NFT Drop, Edition Drop) -> use `updateMetadata`
    * else (NFT Collection, Edition) -> use `setTokenURI`
@@ -62,6 +58,7 @@ export const UpdateNftMetadata: React.FC<UpdateNftMetadataForm> = ({
   contract,
   nft,
   useUpdateMetadata,
+  setOpen,
 }) => {
   const trackEvent = useTrack();
   const address = useActiveAccount()?.address;
@@ -101,14 +98,6 @@ export const UpdateNftMetadata: React.FC<UpdateNftMetadataForm> = ({
     values: transformedQueryData,
   });
 
-  const modalContext = useModalContext();
-
-  const { onSuccess, onError } = useTxNotifications(
-    "NFT Metadata updated successfully",
-    "Metadata update failed",
-    contract,
-  );
-
   const setFile = (file: File) => {
     if (file.type.includes("image")) {
       // image files
@@ -173,237 +162,234 @@ export const UpdateNftMetadata: React.FC<UpdateNftMetadataForm> = ({
   const showCoverImageUpload =
     watch("animation_url") instanceof File ||
     watch("external_url") instanceof File;
-  const { mutate, isPending } = useSendAndConfirmTransaction();
+  const sendAndConfirmTx = useSendAndConfirmTransaction();
 
   return (
-    <>
-      <DrawerHeader>
-        <Heading>Update NFT Metadata</Heading>
-      </DrawerHeader>
-      <DrawerBody>
-        <form
-          className="flex flex-col gap-6"
-          id={UPDATE_METADATA_FORM_ID}
-          onSubmit={handleSubmit((data) => {
-            if (!address) {
-              onError("Please connect your wallet to update metadata.");
-              return;
-            }
-            trackEvent({
-              category: "nft",
-              action: "update-metadata",
-              label: "attempt",
-            });
+    <form
+      className="flex flex-col gap-6"
+      id={UPDATE_METADATA_FORM_ID}
+      onSubmit={handleSubmit((data) => {
+        if (!address) {
+          toast.error("Please connect your wallet to update metadata.");
+          return;
+        }
+        trackEvent({
+          category: "nft",
+          action: "update-metadata",
+          label: "attempt",
+        });
 
-            const newMetadata = parseAttributes({
-              ...data,
-              image: data.image || data.customImage || nft.metadata.image,
-              animation_url:
-                data.animation_url ||
-                data.customAnimationUrl ||
-                nft.metadata.animation_url,
-            });
+        try {
+          const newMetadata = parseAttributes({
+            ...data,
+            image: data.image || data.customImage || nft.metadata.image,
+            animation_url:
+              data.animation_url ||
+              data.customAnimationUrl ||
+              nft.metadata.animation_url,
+          });
 
-            const transaction = useUpdateMetadata
-              ? // For Drop contracts, we need to call the `updateBatchBaseURI` method
-                nft.type === "ERC721"
-                ? updateMetadata721({
-                    contract,
-                    targetTokenId: BigInt(nft.id),
-                    newMetadata,
-                  })
-                : updateMetadata1155({
-                    contract,
-                    targetTokenId: BigInt(nft.id),
-                    newMetadata,
-                  })
-              : // For Collection contracts, we need to call the `setTokenURI` method
-                nft.type === "ERC721"
-                ? updateTokenURI721({
-                    contract,
-                    tokenId: BigInt(nft.id),
-                    newMetadata,
-                  })
-                : updateTokenURI1155({
-                    contract,
-                    tokenId: BigInt(nft.id),
-                    newMetadata,
-                  });
-            mutate(transaction, {
-              onSuccess: () => {
-                trackEvent({
-                  category: "nft",
-                  action: "update-metadata",
-                  label: "success",
-                });
-                onSuccess();
-                modalContext.onClose();
-              },
-              // biome-ignore lint/suspicious/noExplicitAny: FIXME
-              onError: (error: any) => {
-                trackEvent({
-                  category: "nft",
-                  action: "update-metadata",
-                  label: "error",
-                  error,
+          const transaction = useUpdateMetadata
+            ? // For Drop contracts, we need to call the `updateBatchBaseURI` method
+              nft.type === "ERC721"
+              ? updateMetadata721({
+                  contract,
+                  targetTokenId: BigInt(nft.id),
+                  newMetadata,
+                })
+              : updateMetadata1155({
+                  contract,
+                  targetTokenId: BigInt(nft.id),
+                  newMetadata,
+                })
+            : // For Collection contracts, we need to call the `setTokenURI` method
+              nft.type === "ERC721"
+              ? updateTokenURI721({
+                  contract,
+                  tokenId: BigInt(nft.id),
+                  newMetadata,
+                })
+              : updateTokenURI1155({
+                  contract,
+                  tokenId: BigInt(nft.id),
+                  newMetadata,
                 });
-                onError(error);
-              },
-            });
-          })}
-        >
-          <div className="flex flex-col gap-2">
-            <Heading size="subtitle.md">Metadata</Heading>
-            <Divider />
-          </div>
-          <FormControl isRequired isInvalid={!!errors.name}>
-            <FormLabel>Name</FormLabel>
-            <Input autoFocus {...register("name")} />
-            <FormErrorMessage>{errors?.name?.message}</FormErrorMessage>
-          </FormControl>
-          <FormControl isInvalid={!!mediaFileError}>
-            <FormLabel>Media</FormLabel>
-            {nft?.metadata && !mediaFileUrl && (
-              <div className="flex flex-row">
-                <NFTMediaWithEmptyState
-                  metadata={nft.metadata}
-                  width="200px"
-                  height="200px"
-                />
-              </div>
+          const promise = sendAndConfirmTx.mutateAsync(transaction, {
+            onSuccess: () => {
+              trackEvent({
+                category: "nft",
+                action: "update-metadata",
+                label: "success",
+              });
+              setOpen(false);
+            },
+            // biome-ignore lint/suspicious/noExplicitAny: FIXME
+            onError: (error: any) => {
+              trackEvent({
+                category: "nft",
+                action: "update-metadata",
+                label: "error",
+                error,
+              });
+            },
+          });
+
+          toast.promise(promise, {
+            loading: "Updating NFT metadata",
+            error: "Failed to update NFT metadata",
+            success: "NFT metadata updated successfully",
+          });
+        } catch (err) {
+          console.error(err);
+          toast.error("Failed to update NFT metadata");
+        }
+      })}
+    >
+      <div className="flex flex-col gap-2">
+        <Heading size="subtitle.md">Metadata</Heading>
+        <Divider />
+      </div>
+      <FormControl isRequired isInvalid={!!errors.name}>
+        <FormLabel>Name</FormLabel>
+        <Input autoFocus {...register("name")} />
+        <FormErrorMessage>{errors?.name?.message}</FormErrorMessage>
+      </FormControl>
+      <FormControl isInvalid={!!mediaFileError}>
+        <FormLabel>Media</FormLabel>
+        <div className="flex flex-row flex-wrap gap-3">
+          {nft?.metadata && !mediaFileUrl && (
+            <NFTMediaWithEmptyState
+              metadata={nft.metadata}
+              width="200px"
+              height="200px"
+            />
+          )}
+          <FileInput
+            previewMaxWidth="200px"
+            value={mediaFileUrl as File | string}
+            showUploadButton
+            showPreview={nft?.metadata ? !!mediaFileUrl : true}
+            setValue={setFile}
+            className="rounded border border-border transition-all duration-200"
+            selectOrUpload="Upload"
+            helperText={nft?.metadata ? "New Media" : "Media"}
+          />
+        </div>
+        <FormHelperText>
+          You can upload image, audio, video, html, text, pdf, and 3d model
+          files here.
+        </FormHelperText>
+        <FormErrorMessage>
+          {mediaFileError?.message as unknown as string}
+        </FormErrorMessage>
+      </FormControl>
+      {showCoverImageUpload && (
+        <FormControl isInvalid={!!errors.image}>
+          <FormLabel>Cover Image</FormLabel>
+          <FileInput
+            previewMaxWidth="200px"
+            accept={{ "image/*": [] }}
+            value={imageUrl}
+            showUploadButton
+            setValue={(file) => setValue("image", file)}
+            className="rounded border border-border transition-all"
+          />
+          <FormHelperText>
+            You can optionally upload an image as the cover of your NFT.
+          </FormHelperText>
+          <FormErrorMessage>
+            {errors?.image?.message as unknown as string}
+          </FormErrorMessage>
+        </FormControl>
+      )}
+      <FormControl isInvalid={!!errors.description}>
+        <FormLabel>Description</FormLabel>
+        <Textarea {...register("description")} />
+        <FormErrorMessage>{errors?.description?.message}</FormErrorMessage>
+      </FormControl>
+      <PropertiesFormControl
+        watch={watch}
+        // biome-ignore lint/suspicious/noExplicitAny: FIXME
+        errors={errors as any}
+        control={control}
+        register={register}
+        setValue={setValue}
+      />
+      <Accordion
+        allowToggle={!(errors.background_color || errors.external_url)}
+        index={errors.background_color || errors.external_url ? [0] : undefined}
+      >
+        <AccordionItem>
+          <AccordionButton px={0} justifyContent="space-between">
+            <Heading size="subtitle.md">Advanced Options</Heading>
+            <AccordionIcon />
+          </AccordionButton>
+          <AccordionPanel className="flex flex-col gap-6 px-0">
+            <FormControl isInvalid={!!errors.background_color}>
+              <FormLabel>
+                Background Color <OpenSeaPropertyBadge />
+              </FormLabel>
+              <Input max="6" {...register("background_color")} />
+              <FormHelperText>
+                Must be a six-character hexadecimal with a pre-pended #.
+              </FormHelperText>
+              <FormErrorMessage>
+                {errors?.background_color?.message}
+              </FormErrorMessage>
+            </FormControl>
+            {!externalIsTextFile && (
+              <FormControl isInvalid={!!errors.external_url}>
+                <FormLabel>
+                  External URL <OpenSeaPropertyBadge />
+                </FormLabel>
+                <Input {...register("external_url")} />
+                <FormHelperText>
+                  This is the URL that will appear below the asset&apos;s image
+                  on OpenSea and will allow users to leave OpenSea and view the
+                  item on your site.
+                </FormHelperText>
+                <FormErrorMessage>
+                  {errors?.external_url?.message as unknown as string}
+                </FormErrorMessage>
+              </FormControl>
             )}
-            <div>
-              <FileInput
-                previewMaxWidth="200px"
-                value={mediaFileUrl as File | string}
-                showUploadButton
-                showPreview={nft?.metadata ? !!mediaFileUrl : true}
-                setValue={setFile}
-                className="rounded border border-border transition-all duration-200"
-                selectOrUpload="Upload"
-                helperText={nft?.metadata ? "New Media" : "Media"}
-              />
-            </div>
-            <FormHelperText>
-              You can upload image, audio, video, html, text, pdf, and 3d model
-              files here.
-            </FormHelperText>
-            <FormErrorMessage>
-              {mediaFileError?.message as unknown as string}
-            </FormErrorMessage>
-          </FormControl>
-          {showCoverImageUpload && (
-            <FormControl isInvalid={!!errors.image}>
-              <FormLabel>Cover Image</FormLabel>
-              <FileInput
-                previewMaxWidth="200px"
-                accept={{ "image/*": [] }}
-                value={imageUrl}
-                showUploadButton
-                setValue={(file) => setValue("image", file)}
-                className="rounded border border-border transition-all"
-              />
+            <FormControl isInvalid={!!errors.customImage}>
+              <FormLabel>Image URL</FormLabel>
+              <Input max="6" {...register("customImage")} />
               <FormHelperText>
-                You can optionally upload an image as the cover of your NFT.
+                If you already have your NFT image preuploaded, you can set the
+                URL or URI here.
               </FormHelperText>
               <FormErrorMessage>
-                {errors?.image?.message as unknown as string}
+                {errors?.customImage?.message}
               </FormErrorMessage>
             </FormControl>
-          )}
-          <FormControl isInvalid={!!errors.description}>
-            <FormLabel>Description</FormLabel>
-            <Textarea {...register("description")} />
-            <FormErrorMessage>{errors?.description?.message}</FormErrorMessage>
-          </FormControl>
-          <PropertiesFormControl
-            watch={watch}
-            // biome-ignore lint/suspicious/noExplicitAny: FIXME
-            errors={errors as any}
-            control={control}
-            register={register}
-            setValue={setValue}
-          />
-          <Accordion
-            allowToggle={!(errors.background_color || errors.external_url)}
-            index={
-              errors.background_color || errors.external_url ? [0] : undefined
-            }
-          >
-            <AccordionItem>
-              <AccordionButton px={0} justifyContent="space-between">
-                <Heading size="subtitle.md">Advanced Options</Heading>
-                <AccordionIcon />
-              </AccordionButton>
-              <AccordionPanel className="flex flex-col gap-6 px-0">
-                <FormControl isInvalid={!!errors.background_color}>
-                  <FormLabel>
-                    Background Color <OpenSeaPropertyBadge />
-                  </FormLabel>
-                  <Input max="6" {...register("background_color")} />
-                  <FormHelperText>
-                    Must be a six-character hexadecimal with a pre-pended #.
-                  </FormHelperText>
-                  <FormErrorMessage>
-                    {errors?.background_color?.message}
-                  </FormErrorMessage>
-                </FormControl>
-                {!externalIsTextFile && (
-                  <FormControl isInvalid={!!errors.external_url}>
-                    <FormLabel>
-                      External URL <OpenSeaPropertyBadge />
-                    </FormLabel>
-                    <Input {...register("external_url")} />
-                    <FormHelperText>
-                      This is the URL that will appear below the asset&apos;s
-                      image on OpenSea and will allow users to leave OpenSea and
-                      view the item on your site.
-                    </FormHelperText>
-                    <FormErrorMessage>
-                      {errors?.external_url?.message as unknown as string}
-                    </FormErrorMessage>
-                  </FormControl>
-                )}
-                <FormControl isInvalid={!!errors.customImage}>
-                  <FormLabel>Image URL</FormLabel>
-                  <Input max="6" {...register("customImage")} />
-                  <FormHelperText>
-                    If you already have your NFT image preuploaded, you can set
-                    the URL or URI here.
-                  </FormHelperText>
-                  <FormErrorMessage>
-                    {errors?.customImage?.message}
-                  </FormErrorMessage>
-                </FormControl>
-                <FormControl isInvalid={!!errors.customAnimationUrl}>
-                  <FormLabel>Animation URL</FormLabel>
-                  <Input max="6" {...register("customAnimationUrl")} />
-                  <FormHelperText>
-                    If you already have your NFT Animation URL preuploaded, you
-                    can set the URL or URI here.
-                  </FormHelperText>
-                  <FormErrorMessage>
-                    {errors?.customAnimationUrl?.message}
-                  </FormErrorMessage>
-                </FormControl>
-              </AccordionPanel>
-            </AccordionItem>
-          </Accordion>
-        </form>
-      </DrawerBody>
-      <DrawerFooter>
+            <FormControl isInvalid={!!errors.customAnimationUrl}>
+              <FormLabel>Animation URL</FormLabel>
+              <Input max="6" {...register("customAnimationUrl")} />
+              <FormHelperText>
+                If you already have your NFT Animation URL preuploaded, you can
+                set the URL or URI here.
+              </FormHelperText>
+              <FormErrorMessage>
+                {errors?.customAnimationUrl?.message}
+              </FormErrorMessage>
+            </FormControl>
+          </AccordionPanel>
+        </AccordionItem>
+      </Accordion>
+      <div className="mt-8 flex flex-row justify-end gap-3">
         <Button
-          isDisabled={isPending}
+          isDisabled={sendAndConfirmTx.isPending}
           variant="outline"
-          mr={3}
-          onClick={modalContext.onClose}
+          onClick={() => setOpen(false)}
         >
           Cancel
         </Button>
         <TransactionButton
           txChainID={contract.chain.id}
           transactionCount={1}
-          isLoading={isPending || false}
+          isLoading={sendAndConfirmTx.isPending}
           form={UPDATE_METADATA_FORM_ID}
           type="submit"
           colorScheme="primary"
@@ -411,7 +397,7 @@ export const UpdateNftMetadata: React.FC<UpdateNftMetadataForm> = ({
         >
           Update NFT
         </TransactionButton>
-      </DrawerFooter>
-    </>
+      </div>
+    </form>
   );
 };
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-tab.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-tab.tsx
index 8bf389dc9ea..2ea459adbea 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-tab.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-tab.tsx
@@ -1,8 +1,14 @@
-import { Flex, useDisclosure } from "@chakra-ui/react";
+import { Button } from "@/components/ui/button";
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@/components/ui/sheet";
+import { useState } from "react";
 import type { NFT, ThirdwebContract } from "thirdweb";
-import { Button, Drawer, Text } from "tw-components";
 import { UpdateNftMetadata } from "./update-metadata-form";
-
 interface UpdateMetadataTabProps {
   contract: ThirdwebContract;
   nft: NFT;
@@ -19,35 +25,25 @@ const UpdateMetadataTab: React.FC<UpdateMetadataTabProps> = ({
   nft,
   useUpdateMetadata,
 }) => {
-  const { isOpen, onOpen, onClose } = useDisclosure();
+  const [open, setOpen] = useState(false);
 
   return (
-    <>
-      <Drawer
-        allowPinchZoom
-        preserveScrollBarGap
-        size="lg"
-        onClose={onClose}
-        isOpen={isOpen}
-      >
+    <Sheet open={open} onOpenChange={setOpen}>
+      <SheetTrigger asChild>
+        <Button variant="primary">Update Metadata</Button>
+      </SheetTrigger>
+      <SheetContent className="w-full overflow-y-auto sm:min-w-[540px] lg:min-w-[700px]">
+        <SheetHeader>
+          <SheetTitle className="text-left">Mint NFT</SheetTitle>
+        </SheetHeader>
         <UpdateNftMetadata
           contract={contract}
           nft={nft}
           useUpdateMetadata={useUpdateMetadata}
+          setOpen={setOpen}
         />
-      </Drawer>
-      <Flex direction="column" gap={6}>
-        <Text>
-          You can update the metadata of this NFT at any time, this will only
-          change the representation of the NFT, not the owner or tokenId.
-        </Text>
-        <Flex justifyContent="right">
-          <Button colorScheme="primary" onClick={onOpen}>
-            Update Metadata
-          </Button>
-        </Flex>
-      </Flex>
-    </>
+      </SheetContent>
+    </Sheet>
   );
 };
 
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/claim-button.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/claim-button.tsx
index 82aed57d65e..6f5a570e8c3 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/claim-button.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/claim-button.tsx
@@ -49,9 +49,9 @@ export const NFTClaimButton: React.FC<NFTClaimButtonProps> = ({ contract }) => {
           Claim
         </Button>
       </SheetTrigger>
-      <SheetContent className="z-[10000] overflow-y-auto sm:w-[540px] sm:max-w-[90%] lg:w-[700px]">
+      <SheetContent className="overflow-y-auto sm:w-[540px] sm:max-w-[90%] lg:w-[700px]">
         <SheetHeader>
-          <SheetTitle>Claim NFTs</SheetTitle>
+          <SheetTitle className="text-left">Claim NFTs</SheetTitle>
         </SheetHeader>
         <form className="mt-8 flex w-full flex-col gap-3 md:flex-row">
           <div className="flex w-full flex-col gap-6 md:flex-row">
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/airdrop-button.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/airdrop-button.tsx
index c7de4a456c2..b794868259f 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/airdrop-button.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/airdrop-button.tsx
@@ -43,7 +43,7 @@ export const TokenAirdropButton: React.FC<TokenAirdropButtonProps> = ({
       </SheetTrigger>
       <SheetContent className="w-full overflow-y-auto sm:min-w-[540px] lg:min-w-[700px]">
         <SheetHeader>
-          <SheetTitle>Aidrop tokens</SheetTitle>
+          <SheetTitle className="text-left">Airdrop tokens</SheetTitle>
         </SheetHeader>
         <TokenAirdropForm contract={contract} toggle={setOpen} />
       </SheetContent>
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/burn-button.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/burn-button.tsx
index c538db47921..58668e52fd5 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/burn-button.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/burn-button.tsx
@@ -69,7 +69,7 @@ export const TokenBurnButton: React.FC<TokenBurnButtonProps> = ({
       </SheetTrigger>
       <SheetContent className="z-[10000]">
         <SheetHeader>
-          <SheetTitle>Burn tokens</SheetTitle>
+          <SheetTitle className="text-left">Burn tokens</SheetTitle>
         </SheetHeader>
         <form className="mt-10 flex flex-col gap-3">
           <div className="flex w-full flex-col gap-6 md:flex-row">
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/claim-button.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/claim-button.tsx
index b46402479c0..901ee7c3d6e 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/claim-button.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/claim-button.tsx
@@ -62,7 +62,7 @@ export const TokenClaimButton: React.FC<TokenClaimButtonProps> = ({
       </SheetTrigger>
       <SheetContent className="z-[10000]">
         <SheetHeader>
-          <SheetTitle>Claim tokens</SheetTitle>
+          <SheetTitle className="text-left">Claim tokens</SheetTitle>
         </SheetHeader>
         <form>
           <div className="mt-10 flex flex-col gap-6">
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/mint-button.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/mint-button.tsx
index a36b614d0a5..ed2e0bb784c 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/mint-button.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/mint-button.tsx
@@ -60,7 +60,9 @@ export const TokenMintButton: React.FC<TokenMintButtonProps> = ({
         </SheetTrigger>
         <SheetContent className="z-[10000]">
           <SheetHeader>
-            <SheetTitle>Mint additional tokens</SheetTitle>
+            <SheetTitle className="text-left">
+              Mint additional tokens
+            </SheetTitle>
           </SheetHeader>
           <form
             className="mt-10 flex flex-col gap-6"
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/transfer-button.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/transfer-button.tsx
index d339d4a3ac7..3ced0e1bc57 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/transfer-button.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/transfer-button.tsx
@@ -67,7 +67,7 @@ export const TokenTransferButton: React.FC<TokenTransferButtonProps> = ({
       </SheetTrigger>
       <SheetContent className="z-[10000]">
         <SheetHeader>
-          <SheetTitle>Transfer tokens</SheetTitle>
+          <SheetTitle className="text-left">Transfer tokens</SheetTitle>
         </SheetHeader>
         <form className="mt-10">
           <div className="flex flex-col gap-6">