diff --git a/web/src/components/CopyText/index.tsx b/web/src/components/CopyText/index.tsx
index e1fe5ce175..f4becf7dba 100644
--- a/web/src/components/CopyText/index.tsx
+++ b/web/src/components/CopyText/index.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect } from "react";
 import { CopyIcon } from "@chakra-ui/icons";
 import { Tooltip, useClipboard } from "@chakra-ui/react";
+import clsx from "clsx";
 import { t } from "i18next";
 
 import useGlobalStore from "@/pages/globalStore";
@@ -30,7 +31,7 @@ export default function CopyText(props: {
   return (
     <Tooltip label={hideToolTip ? "" : t("Copy")} placement="top">
       {React.cloneElement(children, {
-        className: className || "",
+        className: clsx("cursor-pointer", className),
         onClick: () => {
           onCopy();
           showSuccess(tip || t("Copied"));
diff --git a/web/src/pages/app/functions/mods/EditorPanel/index.tsx b/web/src/pages/app/functions/mods/EditorPanel/index.tsx
index dc8c45e3a6..2a8fc3b1b8 100644
--- a/web/src/pages/app/functions/mods/EditorPanel/index.tsx
+++ b/web/src/pages/app/functions/mods/EditorPanel/index.tsx
@@ -60,10 +60,7 @@ function EditorPanel() {
           <HStack spacing={1}>
             <div className={clsx("flex items-center", !darkMode && "bg-[#F6F8F9]")}>
               <Input w={"200px"} size="xs" readOnly value={getFunctionUrl()} />
-              <CopyText
-                text={getFunctionUrl()}
-                className="mr-3 cursor-pointer !text-grayModern-300"
-              >
+              <CopyText text={getFunctionUrl()} className="mr-3 !text-grayModern-300">
                 <CopyIcon />
               </CopyText>
             </div>
diff --git a/web/src/pages/app/setting/CustomDomain/index.tsx b/web/src/pages/app/setting/CustomDomain/index.tsx
index b5848bbb40..ef778741ab 100644
--- a/web/src/pages/app/setting/CustomDomain/index.tsx
+++ b/web/src/pages/app/setting/CustomDomain/index.tsx
@@ -37,9 +37,7 @@ export default function CustomDomain() {
           <FormLabel>CNAME</FormLabel>
           <InputGroup>
             <Input variant="filled" value={currentApp?.domain?.domain} readOnly />
-            <InputRightAddon
-              children={<CopyText text={currentApp?.domain?.domain} className="cursor-pointer" />}
-            />
+            <InputRightAddon children={<CopyText text={currentApp?.domain?.domain} />} />
           </InputGroup>
         </FormControl>
         <FormControl className="py-4">
diff --git a/web/src/pages/app/storages/mods/CreateWebsiteModal/index.tsx b/web/src/pages/app/storages/mods/CreateWebsiteModal/index.tsx
index d64f976d6e..5af04f54e8 100644
--- a/web/src/pages/app/storages/mods/CreateWebsiteModal/index.tsx
+++ b/web/src/pages/app/storages/mods/CreateWebsiteModal/index.tsx
@@ -144,9 +144,7 @@ function CreateWebsiteModal() {
                 <FormLabel>CNAME</FormLabel>
                 <InputGroup size="sm">
                   <Input variant="filled" value={cnameDomain} readOnly />
-                  <InputRightAddon
-                    children={<CopyText text={cnameDomain} className="cursor-pointer" />}
-                  />
+                  <InputRightAddon children={<CopyText text={cnameDomain} />} />
                 </InputGroup>
               </FormControl>
               <FormControl>