diff --git a/views/index.ejs b/views/index.ejs
index a1a7e2d85f09c500a904a2c7c58fcf5ccda5c9c3..94065071e178917c22110cacbc592ec7354cf94d 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -40,12 +40,12 @@
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav"aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
                </button>
-               <div class="row">
-                <form action="/search" method="GET" class="col-sm-12">
-                   <input type="text" name="q" placeholder="ค้นหาสินค้า..." required class="search">
-                   <button type="submit" class="btn btn-orange">ค้นหา</button>
-               </form>
-             </div>
+               <div class="row justify-content-center">
+                    <form action="/search" method="GET" class="col-sm-12 col-md-6">
+                        <input type="text" name="q" placeholder="ค้นหาสินค้า..." required class="search w-100">
+                        <button type="submit" class="btn btn-orange w-100">ค้นหา</button>
+                    </form>
+                </div>
                <div class="collapse navbar-collapse" id="navbarNav">
                 
                   <ul class="navbar-nav ml-auto">