diff --git a/packages/react/components/CopyToClipboardButton/index.mjs b/packages/react/components/CopyToClipboardButton/index.mjs
index 84d5a916ffa..fa308742eda 100644
--- a/packages/react/components/CopyToClipboardButton/index.mjs
+++ b/packages/react/components/CopyToClipboardButton/index.mjs
@@ -21,18 +21,15 @@ const handleCopied = (content, setCopied, setLoadingStatus, label) => {
   setTimeout(() => setCopied(false), 1000)
 }
 
-export const CopyToClipboardButton = ({ content, label = false, sup = false }) => {
+export const CopyToClipboardButton = ({ children, content, label = false, sup = false }) => {
   const [copied, setCopied] = useState(false)
   const { setLoadingStatus } = useContext(LoadingStatusContext)
 
-  const text =
-    typeof content === 'string' ? content : strip(ReactDOMServer.renderToStaticMarkup(content))
-
   const style = sup ? 'tw-w-4 tw-h-4 tw--mt-4' : 'tw-w-5 tw-h-5'
 
   return (
     <button
-      className={copied ? 'tw-text-success' : ''}
+      className={(copied ? 'tw-text-success ' : '') + 'tw-daisy-btn tw-w-full lg:tw-w-auto'}
       onClick={() => handleCopied(content, setCopied, setLoadingStatus, label)}
     >
       {copied ? (
@@ -43,6 +40,7 @@ export const CopyToClipboardButton = ({ content, label = false, sup = false }) =
       ) : (
         <CopyIcon className={`${style} tw-text-inherit`} />
       )}
+      {children}
     </button>
   )
 }
diff --git a/packages/react/components/Editor/components/HeaderMenu.mjs b/packages/react/components/Editor/components/HeaderMenu.mjs
index 8f0a866d8ee..ae410fe6f7e 100644
--- a/packages/react/components/Editor/components/HeaderMenu.mjs
+++ b/packages/react/components/Editor/components/HeaderMenu.mjs
@@ -480,7 +480,7 @@ export const HeaderMenuSaveIcons = (props) => {
       <Button updateHandler={() => update.view('save')} tooltip="Save pattern as...">
         <SaveAsIcon className={`${size} tw-text-secondary`} />
       </Button>
-      <Button updateHandler={update.clearPattern} tooltip="Export pattern">
+      <Button updateHandler={() => update.view('export')} tooltip="Export pattern">
         <ExportIcon className={`${size} tw-text-secondary`} />
       </Button>
     </div>