title: HTML input text box very small
body: <p>I'm coding this little pricing script and I would like the user to be able to enter a number value into an HTML text input box. 
  You can see this script here: <a href="https://www.counterboosting.com/input-box-problem/" rel="nofollow">https://www.counterboosting.com/input-box-problem/</a>
  And under "select number of wins" and "Price: -" you can see a small white box.</p>
  
  <p>This is the code for the box: </p>
  
  <pre><code>&lt;input type="text" id="amount" value="1"  size="100"&gt; 
  </code></pre>
  
  <p>No matter what size I enter, it is always show small like that. Note that the box shows correctly on small browser sizes such as phones or tablets, or if you decrease your browser width. When you increase the browser width it snaps back into small form like that. Does anyone know the source of the problem? </p>