diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index ec2b39d..4c7fc33 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -16,14 +16,24 @@
 </header>
 <main th:fragment="bodycontent">
     <div class="container">
-        <h1>Gruppenerstellung</h1>
-        <form method="post" action="/">
-            <label>Titel der Gruppe</label> <br>
-            <input type="text" th:value="${titel}" name="titel"> <br>
-            <label>Beschreibung der Gruppe</label> <br>
-            <input type="text" th:value="${beschreibung}" name="beschreibung"> <br>
-            <button type="submit">weiter</button>
-        </form>
+        <div class="row">
+            <div class="col-lg-6 rounded-sm text-center" style="background-color: grey">
+                <h1>Gruppenerstellung</h1>
+                <form method="post" action="/">
+                    <div class="form-group">
+                        <label>Titel der Gruppe</label>
+                        <input class="form-control" type="text" th:value="${titel}" name="titel" placeholder="Titel der Gruppe">
+                    </div>
+                    <div class="form-group">
+                        <label>Beschreibung der Gruppe</label>
+                        <input class="form-control" type="text" th:value="${beschreibung}" name="beschreibung" placeholder="Beschreibung der Gruppe">
+                    </div>
+                    <div class="form-group">
+                        <button type="submit" class="btn btn-outline-dark">weiter</button>
+                    </div>
+                </form>
+            </div>
+        </div>
     </div>
 </main>
 </body>