diff --git a/frontend/src/app/bans/bans.component.html b/frontend/src/app/bans/bans.component.html
index a8db728..9d3decc 100644
--- a/frontend/src/app/bans/bans.component.html
+++ b/frontend/src/app/bans/bans.component.html
@@ -6,17 +6,22 @@
     </div>
   </app-header>
 
-  <div class="darkmodeSection">
-    <div class="columnSection">
-      <div class="columnContainer">
-        <button (click)="punishmentType = 'all'">all</button>
-        <button (click)="punishmentType = 'ban'">bans</button>
-        <button (click)="punishmentType = 'mute'">mutes</button>
-        <button (click)="punishmentType = 'warn'">warnings</button>
-      </div>
-      <div class="columnContainer">
+  <main>
+    <section class="darkmodeSection">
+      <div class="container">
+        <div class="columnSection">
+          <div class="columnContainer">
+            <button (click)="punishmentType = 'all'">all</button>
+            <button (click)="punishmentType = 'ban'">bans</button>
+            <button (click)="punishmentType = 'mute'">mutes</button>
+            <button (click)="punishmentType = 'warn'">warnings</button>
+          </div>
+          <div class="columnContainer bansSearchContainer">
+            <input class="bansSearch" type="text" placeholder="Search..">
+          </div>
+        </div>
         <app-history [userType]="userType" [punishmentType]="punishmentType"></app-history>
       </div>
-    </div>
-  </div>
+    </section>
+  </main>
 </ng-container>