Number input field not lining up correctly

HTML-CSS
1

Tell us what’s happening:
The number input field is not lining up correctly with the other input fields. When I use the “min/max” for the number input it changes the length of the input field.

Your code so far
<!doctype html>

Survey Form 
  <h1 id="title">Survey Form</h1>
  
  <div class="form-body">
    <p id="description">Let us know how we can improve freeCodeCamp</p>

    <form id="survey-form">
      
        <label id="name-label" for="name">*Name
        <input type="text" id="name" required placeholder="Enter your name">    
        </label>
        
        <label id="email-label" for="email">*Email
        <input type="email" id="email" required placeholder="Enter your email">
        </label>
        
        <label id="number-label" for="number">*Age
            <input type="number" id="number" min="0" max="100000000000000000000" required placeholder="Enter your age">
        </label>
      
        <label></label>  
        
      </form>
  </div>
**Your browser information:** Google Chrome User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-survey-form

2

It appears that the input field is adjusted to hold this very long number.

You can control that with some styling applied with css.