diff --git a/frontend/src/pages/user.rs b/frontend/src/pages/user.rs
index dbd3bd4..f80b3c3 100644
--- a/frontend/src/pages/user.rs
+++ b/frontend/src/pages/user.rs
@@ -330,7 +330,7 @@ pub fn login_component() -> Html {
     html! {
         <div>
         <h1 class="headline">{ "Anmeldung" }</h1>
-        <form {onsubmit}>
+        <form {onsubmit} class="rundbg">
             <input
                 placeholder="username"
                 value={(*username).clone()}
diff --git a/frontend/src/styles/main.scss b/frontend/src/styles/main.scss
index 3277f97..0ad4ce3 100644
--- a/frontend/src/styles/main.scss
+++ b/frontend/src/styles/main.scss
@@ -37,10 +37,24 @@ body {
   .content { margin-left: 0; }
 }
 
-form {
-  align-content: center;
 
+
+.rundbg {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  max-width: 30%;
+  margin:0 auto;
+  margin-top: 32px;
+  background-color:#7c7c7c;
+  padding: 16px;
+  border-radius: 20px;
+  gap: 16px;
+  
   input, button {
-    display: block;
+    padding: 16px;
+    font-size: 1.8rem;
+  
+
   }
 }
\ No newline at end of file