diff --git a/static/css/quay.css b/static/css/quay.css
index 9a9a3c914..4b86f03e9 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -249,6 +249,10 @@ i.toggle-icon:hover {
   margin-left: 10px;
 }
 
+.logs-view-element .logs-date-picker {
+  width: 122px;
+}
+
 .logs-view-element .header input {
   font-size: 14px;
   text-align: center;
diff --git a/static/directives/logs-view.html b/static/directives/logs-view.html
index c7bbf7813..0e030e77c 100644
--- a/static/directives/logs-view.html
+++ b/static/directives/logs-view.html
@@ -6,9 +6,9 @@
       <span class="entity-reference" name="performer.username" isrobot="performer.is_robot" ng-show="performer"></span>
       <span id="logs-range" class="mini">
         From
-        <input type="text" class="input-small" name="start" ng-model="logStartDate" data-date-format="mm/dd/yyyy" bs-datepicker/>
+        <input type="text" class="logs-date-picker input-sm" name="start" ng-model="logStartDate" data-date-format="mm/dd/yyyy" bs-datepicker/>
         <span class="add-on">to</span>
-        <input type="text" class="input-small" name="end" ng-model="logEndDate" data-date-format="mm/dd/yyyy" bs-datepicker/>
+        <input type="text" class="logs-date-picker input-sm" name="end" ng-model="logEndDate" data-date-format="mm/dd/yyyy" bs-datepicker/>
       </span>
     </span>
     <span class="right">