diff --git a/web-ui/src/account_recovery/page.scss b/web-ui/src/account_recovery/page.scss
index c23fe569a..c928d8156 100644
--- a/web-ui/src/account_recovery/page.scss
+++ b/web-ui/src/account_recovery/page.scss
@@ -92,7 +92,7 @@ img {
     flex-direction: column;
 
     div {
-      flex-basis: 70%;
+      width: 70%;
       -webkit-align-self: center;
       align-self: center;
     }
diff --git a/web-ui/src/common/input_field/input-field.scss b/web-ui/src/common/input_field/input-field.scss
index ad5dda139..6ec827abc 100644
--- a/web-ui/src/common/input_field/input-field.scss
+++ b/web-ui/src/common/input_field/input-field.scss
@@ -60,7 +60,7 @@
 
 @media only screen and (min-width : 500px) {
   .input-field-group {
-    flex-basis: 70%;
+    width: 70%;
     -webkit-align-self: center;
     align-self: center;
   }
diff --git a/web-ui/src/common/submit_button/submit-button.scss b/web-ui/src/common/submit_button/submit-button.scss
index 86a24e5a5..ccd0bef4f 100644
--- a/web-ui/src/common/submit_button/submit-button.scss
+++ b/web-ui/src/common/submit_button/submit-button.scss
@@ -31,7 +31,7 @@
 
 @media only screen and (min-width : 500px) {
   .submit-button {
-    flex-basis: 70%;
+    width: 70%;
     -webkit-align-self: center;
     align-self: center;
   }