diff --git a/aep-schedule-website/src/frontend/components/common/autocomplete.rs b/aep-schedule-website/src/frontend/components/common/autocomplete.rs
index 329b546b37772a79ebd7405cd135cf4e6fa2690b..419b9fefe0b2275717c3b6ce45a5f6df291505de 100644
--- a/aep-schedule-website/src/frontend/components/common/autocomplete.rs
+++ b/aep-schedule-website/src/frontend/components/common/autocomplete.rs
@@ -59,7 +59,7 @@ pub fn AutoComplete<F: FnMut(String) + Copy + Clone + 'static>(
 
     view! {
         <div class="search-container ".to_owned() + &class>
-            <input type="text" class="search-bar" on:input=on_input placeholder=placeholder prop:value=input id=id on:keyup=move |ev| {
+            <input type="text" class="py-2 px-3 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none" on:input=on_input placeholder=placeholder prop:value=input id=id on:keyup=move |ev| {
                 if ev.key() == "Enter" && is_ok.get() == "add-button" {
                     let input = input.get().trim().to_uppercase();
                     submit(input);
@@ -70,7 +70,7 @@ pub fn AutoComplete<F: FnMut(String) + Copy + Clone + 'static>(
                 let input = input.get().trim().to_uppercase();
                 submit(input);
             }>
-                <PlusCircle size="2.5em"/>
+                <PlusCircle size="2em"/>
             </button>
             <div class="result-box">
                 {suggestions.into_iter().enumerate().map(|(i, autocomplete)| view!{
diff --git a/aep-schedule-website/style/common.scss b/aep-schedule-website/style/common.scss
index a335ba9a15d642dce5b5568704a3e3b2e7367c57..e8a48d9c9d5a102fcd86738da545e35072c93ebd 100644
--- a/aep-schedule-website/style/common.scss
+++ b/aep-schedule-website/style/common.scss
@@ -7,12 +7,6 @@
     display: none;
 }
 
-.search-bar {
-    width: 100%;
-    box-sizing: border-box;
-    padding: 4pt;
-}
-
 input:focus~.result-box {
     display: block;
 }