diff --git a/resources/static/dialog/css/m.css b/resources/static/dialog/css/m.css
index ff2ee544b1ecc1f17c11781afb4dfa69e4e2313b..ac8b2285240c5f6f43d8bce5d1c9547415d87b1c 100644
--- a/resources/static/dialog/css/m.css
+++ b/resources/static/dialog/css/m.css
@@ -2,6 +2,9 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+/* If the max-width changes, the size given in screen_size_hacks.js must be
+ * updated as well.
+ */
 @media screen and (max-width: 640px) {
 
   header, footer {
diff --git a/resources/static/dialog/resources/screen_size_hacks.js b/resources/static/dialog/resources/screen_size_hacks.js
index c304ca0e4cd3cac9d242d47d07a78f3993e78e30..8cc8871bbf27b819841052c9aeb5f3220c7b5a11 100644
--- a/resources/static/dialog/resources/screen_size_hacks.js
+++ b/resources/static/dialog/resources/screen_size_hacks.js
@@ -12,7 +12,10 @@
         signInEl = $("#signIn");
 
     selectEmailEl.css("position", "static");
-    if($(window).width() >= 640) {
+
+    // The mobile breakpoint is 640px in the CSS.  If the max-width is changed
+    // there, it must be changed here as well.
+    if($(window).width() > 640) {
       // First, remove the mobile hacks
       selectEmailEl.css("width", "");
       contentEl.css("min-height", "");