diff --git a/components/color/ExportMenu.tsx b/components/color/ExportMenu.tsx
index cca41d7..b951157 100644
--- a/components/color/ExportMenu.tsx
+++ b/components/color/ExportMenu.tsx
@@ -166,8 +166,8 @@ export function ExportMenu({ colors, className }: ExportMenuProps) {
           </pre>
         </div>
 
-        <div className="flex gap-2">
-          <Button onClick={handleCopy} variant="outline" size="sm" className="flex-1" disabled={isConverting}>
+        <div className="flex flex-col md:flex-row gap-2">
+          <Button onClick={handleCopy} variant="outline" className="w-full md:flex-1" disabled={isConverting}>
             {copied ? (
               <>
                 <Check className="h-3.5 w-3.5 mr-1.5" />
@@ -180,7 +180,7 @@ export function ExportMenu({ colors, className }: ExportMenuProps) {
               </>
             )}
           </Button>
-          <Button onClick={handleDownload} variant="default" size="sm" className="flex-1" disabled={isConverting}>
+          <Button onClick={handleDownload} variant="default" className="w-full md:flex-1" disabled={isConverting}>
             <Download className="h-3.5 w-3.5 mr-1.5" />
             Download
           </Button>