diff --git a/src/web/index.rs b/src/web/index.rs
index 4d79d95..969044f 100644
--- a/src/web/index.rs
+++ b/src/web/index.rs
@@ -28,7 +28,7 @@ pub async fn get(Extension(config): Extension<Config>) -> impl IntoResponse {
 
                 div.fixed.w-full.text-center.z-50.flex.flex-col {
                     h1.z-50.w-full.text-center.m-0.mt-3.text-2xl.font-semibold { "Dashboard" }
-                    div class="z-50 w-1/2 text-center self-center m-0 mt-20 text-2xl font-semibold" {
+                    div class="z-50 w-11/12 md:w-1/2  text-center self-center m-0 mt-20 text-2xl font-semibold" {
                         form.search-form action="/search" method="get" {
                             div.relative {
                                 div.absolute.inset-y-0.left-0.flex.items-center.pl-3.pointer-events-none {