diff --git a/src/themes/material/assets/mat.css b/src/themes/material/assets/mat.css
index 8ecde6de01..e572661b0a 100644
--- a/src/themes/material/assets/mat.css
+++ b/src/themes/material/assets/mat.css
@@ -1184,3 +1184,8 @@ p + .btn-background {
   .nav-wrapper a:focus {
     display: block;
   }
+
+  /* Search input group styling */
+.input-group {
+  display: flex;
+}
diff --git a/src/themes/material/templates/repository/list.html b/src/themes/material/templates/repository/list.html
index 0021f513db..dd4c7a17f4 100644
--- a/src/themes/material/templates/repository/list.html
+++ b/src/themes/material/templates/repository/list.html
@@ -50,13 +50,18 @@ <h1>{{ request.repository.object_name_plural }}</h1>
                             <form class="form-horizontal" method="POST" action="{% url 'repository_search' %}">
                                 {% csrf_token %}
                                 <div class="form-group">
-
-                                    <div class="input-field">
-                                        <i aria-hidden="true" class="fa fa-search prefix" ></i>
-                                        <input id="icon_prefix" type="text" class="validate"
-                                            {% if search_term %}value="{{ search_term }}"{% endif %} name="search_term">
-                                        <label for="icon_prefix" class="">{% trans "Search Preprints" %}</label>
-                                    </div>
+                                    <div class="input-group">
+                                        <label for="search_input" class="sr-only">
+                                            {% trans 'Search term' %}
+                                        </label>
+                                        <input id="search_input" class="input-group-field" type="search" name="search_term"
+                                            placeholder='{% trans 'Search preprints' %}'
+                                            {% if search_term %}value="{{ search_term }}"{% endif %}>
+                                        <button class="btn input-go-button">
+                                            <i aria-hidden="true" class="fa fa-search"></i>
+                                            <span class="sr-only">{% trans 'Search' %}</span>
+                                        </button>
+                                    </div>                                    
                                     <p>
                                         <small>{% trans "You can search by:" %}</small>
                                     </p>