diff --git a/templates/index.html b/templates/index.html
index 9ad00ad..cdfe0f9 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="flex items-center flex-col md:mt-40">
+<div class="flex items-center flex-col mt-40">
   <h1 class="text-xl text-bold">
     {{ config.extra.index.title }}
   </h1>
diff --git a/templates/layout.html b/templates/layout.html
index e8d1ef3..e5c2141 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -70,8 +70,8 @@
 
           {% if config.extra.zt.enable_search %}
           <!-- Search input in navbar -->
-          <div class="flex ml-auto relative items-center mr-4">
-            <input id="search" class="rounded-xl border border-black dark:border-gray-200 h-9 text-black dark:text-gray-200 dark:bg-gray-700" type="text">
+          <div class="flex ml-auto relative items-center sm:mr-4">
+            <input id="search" class="rounded-xl border border-black dark:border-gray-200 h-9 text-black dark:text-gray-200 dark:bg-gray-700 w-24 sm:w-full" type="text">
             <svg class="w-6 h-6 absolute left-2 text-black dark:text-gray-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
             </svg>