diff --git a/app/views/gantts/show.html.erb b/app/views/gantts/show.html.erb
index 9a74f72..6d7dcb7 100644
--- a/app/views/gantts/show.html.erb
+++ b/app/views/gantts/show.html.erb
@@ -65,7 +65,7 @@
 </p>
 
 <p class="buttons">
-  <%= text_field_tag 'months', @gantt.months, :size => 2 %>
+  <%= number_field_tag 'months', @gantt.months, :min => 1, :max => 24, :autocomplete => false %>
   <%= l(:label_months_from) %>
   <%= select_month(@gantt.month_from, :prefix => "month", :discard_type => true) %>
   <%= select_year(@gantt.year_from, :prefix => "year", :discard_type => true) %>
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 7d2b662..799f271 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -714,6 +714,7 @@ label.no-css {
   width:auto;
 }
 input#time_entry_comments { width: 90%;}
+input#months { width: 30px; }
 
 #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}