diff --git a/web/src/routes/Config.jsx b/web/src/routes/Config.jsx
index 8c10c9084..526772861 100644
--- a/web/src/routes/Config.jsx
+++ b/web/src/routes/Config.jsx
@@ -4,19 +4,30 @@ import CodeEditor from '@uiw/react-textarea-code-editor';
 import ActivityIndicator from '../components/ActivityIndicator';
 import Heading from '../components/Heading';
 import { useState } from 'preact/hooks';
+import Button from '../components/Button';
 
 export default function Config() {
   const { data: config } = useSWR('config/raw');
   const [newCode, setNewCode] = useState(config);
   const [error, setError] = useState();
 
+  const handleCopyConfig = async () => {
+    await window.navigator.clipboard.writeText(newCode);
+  };
+
   if (!config) {
     return <ActivityIndicator />;
   }
 
   return (
     <div className="space-y-4 p-2 px-4">
-      <Heading>Config</Heading>
+      <div className="flex justify-between">
+        <Heading>Config</Heading>
+        <div>
+          <Button className="mx-2" onClick={(e) => handleCopyConfig(e)}>Copy Config</Button>
+          <Button className="mx-2">Save & Restart</Button>
+        </div>
+      </div>
 
       {error && <div className="max-h-20 text-red-500">There is an error</div>}