diff --git a/app/views/admin/users/index.html.erb b/app/views/admin/users/index.html.erb
index 9347bee..00aa528 100644
--- a/app/views/admin/users/index.html.erb
+++ b/app/views/admin/users/index.html.erb
@@ -3,6 +3,37 @@
   <h1 class="text-4xl font-bold text-hsrm-gray">Benutzerliste</h1>
   <div class="flex items-center justify-between py-4">
     <div>
+      <div class="mt-6 md:flex md:items-center md:justify-between">
+        <div class="relative flex items-center mt-4 md:mt-0">
+          <span class="absolute">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 mx-3 text-gray-400 dark:text-gray-600">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
+            </svg>
+          </span>
+          <input type="text" placeholder="Search" class="block w-full py-1.5 pr-5 text-gray-700 bg-white border border-gray-200 rounded-lg md:w-80 placeholder-gray-400/70 pl-11 rtl:pr-11 rtl:pl-5 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40">
+        </div>
+        <fieldset class="inline-flex -space-x-px overflow-hidden rounded-md border bg-white shadow-sm">
+          <legend class="sr-only">Color</legend>
+          <div>
+            <label for="ColorBlack" class="inline-block selecet:bg-green-500 px-4 py-2 text-sm font-medium uppercase text-gray-800 hover:bg-green-300 focus:relative">
+              <input type="radio" name="ColorOption" value="ColorBlack" id="ColorBlack" class="sr-only" checked />
+              <p class="text-sm font-medium">User</p>
+            </label>
+          </div>
+          <div>
+            <label for="ColorRed" class="inline-block px-4 py-2 text-sm font-medium uppercase text-gray-800 hover:bg-yellow-300 focus:relative">
+              <input type="radio" name="ColorOption" value="ColorRed" id="ColorRed" class="sr-only" />
+              <p class="text-sm font-medium">Operator</p>
+            </label>
+          </div>
+          <div>
+            <label for="ColorBlue" class="inline-block px-4 py-2 text-sm font-medium uppercase text-gray-800 hover:bg-red-300 focus:relative">
+              <input type="radio" name="ColorOption" value="ColorBlue" id="ColorBlue" class="sr-only" />
+              <p class="text-sm font-medium">Admin</p>
+            </label>
+          </div>
+        </fieldset>
+      </div>
       <%= search_form_for @q, data: { turbo_frame: :admin_users, turbo_action: 'advance' }, url: admin_users_path do |f| %>
         <%#= f.label :firstname_cont, "Vorname:" %>
         <%#= f.search_field :firstname_cont, oninput: 'this.form.requestSubmit();' %>
@@ -12,13 +43,14 @@
         <%#= f.search_field :email_start, oninput: 'this.form.requestSubmit();' %>
         <%#= f.label :name_or_email_cont, "Name oder E-Mail:" %>
         <%= f.search_field :firstname_or_lastname_or_email_cont, oninput: 'this.form.requestSubmit();' %>
-        <%= f.label :created_at_gteq, "Erstellt von:" %>
-        <%= f.date_field :created_at_gteq, onchange: 'this.form.requestSubmit();'  %>
-        <%= f.label :created_at_lteq, "bis:" %>
-        <%= f.date_field :created_at_lteq, onchange: 'this.form.requestSubmit();'  %>
+        <%= f.label :created_at_dategteq, "Erstellt von:" %>
+        <%= f.date_field :created_at_dategteq, onchange: 'this.form.requestSubmit();'  %>
+        <%= f.label :created_at_datelteq, "bis:" %>
+        <%= f.date_field :created_at_datelteq, onchange: 'this.form.requestSubmit();'  %>
         <%= f.label :verified_eq, "E-Mail validiert:" %>
         <%= f.select :verified_eq, [true,false], {include_blank: true}, onchange: 'this.form.requestSubmit();' %>
         <%= f.label :role_eq, "Rolle:" %>
+        <%#= f.collection_radio_buttons :role_eq, User::AVAILABLE_ROLES, 0,0  %>
         <%= f.select :role_eq, User::AVAILABLE_ROLES, {include_blank: true}, onchange: 'this.form.requestSubmit();' %>
         <%#= f. %>
         <%= f.submit "Filter anwenden", class: "py-2 px-3 bg-hsrm-red hover:bg-hsrm-red-light shadow-lg text-white inline-block font-medium cursor-pointer" %>
@@ -31,7 +63,7 @@
       <table class="w-full py-8 table-auto">
         <thead class="font-semibold tracking-wide bg-gray-200 border-b-2 border-gray-300 text text-hsrm-gray">
           <tr>
-            <th class="w-1 p-2 py-3 text-center"><%= sort_link(@q, :id, "ID", ) %></th>
+            <th class="w-1 p-2 py-3 text-center text-nowrap"><%= sort_link(@q, :id, "ID", ) %></th>
             <th class="min-w-24 p-2 py-3 text-left"><%= sort_link(@q, :firstname, "Vorname") %></th>
             <th class="min-w-24 p-2 py-3 text-left"><%= sort_link(@q, :lastname, "Nachname") %></th>
             <th class="p-2 py-3 text-left"><%= sort_link(@q, :email, "E-Mail-Adresse") %></th>
diff --git a/config/tailwind.config.js b/config/tailwind.config.js
index 9c4a323..d6f9728 100644
--- a/config/tailwind.config.js
+++ b/config/tailwind.config.js
@@ -60,6 +60,9 @@ module.exports = {
     "bg-role-operator-light",
     "text-role-admin",
     "bg-role-admin-light",
+    "hover:bg-role-user-light",
+    "hover:bg-role-operator-light",
+    "hover:bg-role-admin-light"
   ],
   plugins: [
     require("@tailwindcss/forms"),