diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index db3ee9d..95db70b 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -31,11 +31,10 @@
                 <h1>Meine Gruppen</h1>
                 <form action="/" method="get">
                     <div th:each="gruppe: ${gruppen}">
-                        <div class="shadow" style="border: 10px solid aliceblue; background: aliceblue">
-                            <h3>
-                                <a th:href="@{/gruppen2/details(id=${gruppe.getId()})}" style="color: dodgerblue; font-weight: bold" th:text="${gruppe.getTitle()}"></a>
+                        <div class="shadow-sm p-4" style="border: 1px solid white; background: white">
+                            <h3 style="color: dodgerblue; font-weight: bold;">
+                                <a th:href="@{/gruppen2/details(id=${gruppe.getId()})}" th:text="${gruppe.getTitle()}"></a>
                             </h3>
-                            <p th:text="${gruppe.getDescription()}"></p>
                         </div>
                         <br>
                     </div>
diff --git a/src/main/resources/templates/search.html b/src/main/resources/templates/search.html
index 4eab94f..624e933 100644
--- a/src/main/resources/templates/search.html
+++ b/src/main/resources/templates/search.html
@@ -35,31 +35,32 @@
                             <label for="suchleiste">Suchbegriff:</label>
                             <input id="suchleiste" class="form-control" placeholder="z.B. Programmieren, Lerngruppe, ..." th:name="suchbegriff" type="text">
                         </div>
-                    </form>
-                    <br>
-                    <table class="table">
-                        <!-- Erscheint dann, wenn man "Suchen" Button klickt und Ergebnisse angezeigt werden, aber so solls aussehen -->
-                        <thead th:if="${!gruppen.isEmpty()}">
-                            <tr>
-                                <th scope="col">Gruppenname</th>
-                                <th scope="col">Beschreibung</th>
-                                <th scope="col">Öffentlich/Privat</th>
-                                <th scope="col">Mitgliederanzahl</th>
-                            </tr>
-                        </thead>
-                        <tbody th:each="gruppe : ${gruppen}">
-                            <tr>
-                                <th scope="row">
-                                    <a th:href="@{/gruppen2/detailsSearch(id=${gruppe.getId()})}"  th:text="${gruppe.title}">Gruppenname</a>
-                                </th>
-                                <td th:text="${gruppe.getDescription()}">Beschreibung</td>
-                                <td th:text="${gruppe.getVisibility()}">Öffentlich</td>
-                                <td th:text="${gruppe.getMembers().size()}">Mitgliederanzahl</td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-
+                        <button type="submit" class="btn btn-primary" style="background: #52a1eb; border-style: none">Suchen</button>
+                    </div>
+                </form>
+                <br>
+                <table class="table">
+                    <!-- Erscheint dann, wenn man "Suchen" Button klickt und Ergebnisse angezeigt werden, aber so solls aussehen -->
+                    <thead th:if="${!gruppen.isEmpty()}">
+                        <tr>
+                            <th scope="col">Gruppenname</th>
+                            <th scope="col">Beschreibung</th>
+                            <th scope="col">Öffentlich/Privat</th>
+                            <th scope="col">Mitgliederanzahl</th>
+                        </tr>
+                    </thead>
+                    <tbody th:each="gruppe : ${gruppen}">
+                        <tr>
+                            <th scope="row">
+                                <a th:href="@{/gruppen2/detailsSearch(id=${gruppe.getId()})}"  th:text="${gruppe.title}">Gruppenname</a>
+                            </th>
+                            <td th:text="${gruppe.getDescription()}">Beschreibung</td>
+                            <td th:text="${gruppe.getVisibility()}">Öffentlich</td>
+                            <td th:text="${gruppe.getMembers().size()}">Mitgliederanzahl</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
         </div>
     </div>
 </main>