diff --git a/client/src/common/components/Header/components/ServerDialog/components/AddServer/AddServer.jsx b/client/src/common/components/Header/components/ServerDialog/components/AddServer/AddServer.jsx
new file mode 100644
index 0000000..0ec58a3
--- /dev/null
+++ b/client/src/common/components/Header/components/ServerDialog/components/AddServer/AddServer.jsx
@@ -0,0 +1,21 @@
+import Button from "@/common/components/Button";
+import {faFloppyDisk} from "@fortawesome/free-solid-svg-icons";
+import {useState} from "react";
+import "./styles.sass";
+
+export const AddServer = ({addServer}) => {
+    const [name, setName] = useState("");
+    const [url, setUrl] = useState("");
+
+    return (
+        <div className="server-info">
+            <input className="input-field" placeholder="Name" value={name} onChange={(e) => setName(e.target.value)}/>
+            <input className="input-field" placeholder="URL" value={url} onChange={(e) => setUrl(e.target.value)}/>
+
+            <div className="button-right">
+                <Button text="Speichern" onClick={() => addServer(url, name)}
+                        icon={faFloppyDisk} />
+            </div>
+        </div>
+    )
+}
\ No newline at end of file