diff --git a/index.html b/index.html
index 46c6306b3..1732528bb 100644
--- a/index.html
+++ b/index.html
@@ -46,7 +46,7 @@
         </script>
         <script type="text/x-tmpl-mustache" id="phone-number">
             <div class="phone-input-form">
-                <div id="number-container">
+                <div class="number-container">
                     <input type="tel" class="number" placeholder="Phone Number" />
                 </div>
             </div>
diff --git a/options.html b/options.html
index 1f80b802d..31b3e51fb 100644
--- a/options.html
+++ b/options.html
@@ -87,7 +87,7 @@
   </div>
   <script type="text/x-tmpl-mustache" id="phone-number">
     <div class="phone-input-form">
-        <div id="number-container">
+        <div class="number-container">
           <input type="tel" class="number" placeholder="Phone Number" />
         </div>
     </div>
diff --git a/stylesheets/options.css b/stylesheets/options.css
index 7f9b3105e..44f1c165b 100644
--- a/stylesheets/options.css
+++ b/stylesheets/options.css
@@ -90,6 +90,10 @@ h2 {
   position: relative;
   margin-bottom: 0.5em;
 }
+.number-container .intl-tel-input,
+.number-container .number {
+  width: 100%;
+}
 .number-container::after {
   visibility: hidden;
   content: ' ';