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
index 72fffd9..92487f6 100644
--- a/client/src/common/components/Header/components/ServerDialog/components/AddServer/AddServer.jsx
+++ b/client/src/common/components/Header/components/ServerDialog/components/AddServer/AddServer.jsx
@@ -28,8 +28,8 @@ export const AddServer = ({addServer}) => {
 
     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)}/>
+            <input className="input-field server-input-field" placeholder="Name" value={name} onChange={(e) => setName(e.target.value)}/>
+            <input className="input-field server-input-field" placeholder="URL" value={url} onChange={(e) => setUrl(e.target.value)}/>
             {error && <div className="error">Bitte überprüfe deine Eingaben!</div>}
             <div className="button-right">
                 <Button text="Speichern" onClick={preAddServer}
diff --git a/client/src/common/components/Header/components/ServerDialog/styles.sass b/client/src/common/components/Header/components/ServerDialog/styles.sass
index b76b4b9..7c967c7 100644
--- a/client/src/common/components/Header/components/ServerDialog/styles.sass
+++ b/client/src/common/components/Header/components/ServerDialog/styles.sass
@@ -1,12 +1,7 @@
 @import "@/common/styles/colors"
 
-.input-field
-  color: $darker-white
-  border: 2px solid $dark-gray
-  border-radius: 1rem
+.server-input-field
   padding: 1rem
-  box-sizing: border-box
-  font-size: 16pt
   margin-top: 1rem
   width: 100%