diff --git a/erpnext/www/support/index.html b/erpnext/www/support/index.html
index 8fce0e3..12b4c2c 100644
--- a/erpnext/www/support/index.html
+++ b/erpnext/www/support/index.html
@@ -9,7 +9,7 @@
 			<p class="hero-subtitle">{{ greeting_subtitle }}</p>
 			{% endif %}
 		</div>
-		<div class="search-container mt-4" style="max-width: 500px;">
+		<div class="search-container">
 			<div class="website-search" id="search-container">
 				<div class="dropdown">
 					<div class="search-icon">
@@ -81,7 +81,6 @@
 	</div>
 </section>
 {% endif %}
-
 {% endblock %}
 
 {%- block script -%}
@@ -91,3 +90,12 @@
 	});
 </script>
 {%- endblock -%}
+
+{%- block style -%}
+<style>
+	.search-container {
+		margin-top: 1.2rem;
+		max-width: 500px;
+	}	
+</style>
+{%- endblock -%}