diff --git a/Documentation/Blazorise.Docs/Pages/Docs/Extensions/Autocomplete/AutocompletePage.razor b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/Autocomplete/AutocompletePage.razor
index 26adbc4133..657102a99e 100644
--- a/Documentation/Blazorise.Docs/Pages/Docs/Extensions/Autocomplete/AutocompletePage.razor
+++ b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/Autocomplete/AutocompletePage.razor
@@ -268,6 +268,12 @@
Defines the text color of the search field.
+
+ Defines the class for the search field.
+
+
+ Defines the style for the search field.
+
Event handler used to detect when the autocomplete is closed.
diff --git a/Source/Extensions/Blazorise.Components/Autocomplete.razor b/Source/Extensions/Blazorise.Components/Autocomplete.razor
index 23fd1363f5..0582d34229 100644
--- a/Source/Extensions/Blazorise.Components/Autocomplete.razor
+++ b/Source/Extensions/Blazorise.Components/Autocomplete.razor
@@ -43,7 +43,9 @@
DebounceInterval="@DebounceInterval"
CustomValidationValue="@GetValidationValue"
Background="@SearchBackground"
- TextColor="@SearchTextColor">
+ TextColor="@SearchTextColor"
+ Class="@SearchClass"
+ Style="@SearchStyle">
diff --git a/Source/Extensions/Blazorise.Components/Autocomplete.razor.cs b/Source/Extensions/Blazorise.Components/Autocomplete.razor.cs
index 6c06007004..380caf3f54 100644
--- a/Source/Extensions/Blazorise.Components/Autocomplete.razor.cs
+++ b/Source/Extensions/Blazorise.Components/Autocomplete.razor.cs
@@ -1387,6 +1387,16 @@ public string Search
///
[Parameter] public TextColor SearchTextColor { get; set; }
+ ///
+ /// Defines class for search field.
+ ///
+ [Parameter] public string SearchClass { get; set; }
+
+ ///
+ /// Defines style for search field.
+ ///
+ [Parameter] public string SearchStyle { get; set; }
+
///
/// Currently selected items values.
/// Used when multiple selection is set.