diff --git a/public/css/main.css b/public/css/main.css
index 4916db98..b4023b7e 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -425,6 +425,9 @@ select.form-input {
     width: 47%;
     position: relative;
 }
+.refine-date {
+    width: 98px!important;	
+}
 
 .categories a {
     display: inline-block;
diff --git a/templates/layouts/partials/helpers/search.jet.html b/templates/layouts/partials/helpers/search.jet.html
index 453d5b42..051eea46 100644
--- a/templates/layouts/partials/helpers/search.jet.html
+++ b/templates/layouts/partials/helpers/search.jet.html
@@ -55,9 +55,9 @@
   </span>
   <span class="form-refine">
     <span class="spacing">{{ T("from")}}</span>
-    <input class="form-input" size="7" name="fromDate" type="text" value="{{Search.FromDate}}" placeholder="YYYY/MM/DD"/>
+    <input class="form-input refine-date" name="fromDate" type="text" value="{{Search.FromDate}}" placeholder="YYYY/MM/DD"/>
     {{ T("to")}}
-    <input class="form-input" size="7" name="toDate" type="text" value="{{Search.ToDate}}" placeholder="YYYY/MM/DD"/>
+    <input class="form-input refine-date" name="toDate" type="text" value="{{Search.ToDate}}" placeholder="YYYY/MM/DD"/>
     </span>
 	<span class="form-refine show-xs" style="margin-bottom: 2px;">
 		<span class="spacing">{{T("sort_by")}}</span>