diff --git a/app/assets/stylesheets/newflow.scss b/app/assets/stylesheets/newflow.scss
index c6a7828f8..68eff766f 100644
--- a/app/assets/stylesheets/newflow.scss
+++ b/app/assets/stylesheets/newflow.scss
@@ -1084,3 +1084,10 @@ $very-narrow: 37rem * $scale-factor;
 }
 
 .grecaptcha-badge { visibility: hidden; }
+
+.ui-state-disabled,
+.ui-button-disabled {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: not-allowed;
+}
diff --git a/app/views/newflow/social_auth/confirm_social_info_form.html.erb b/app/views/newflow/social_auth/confirm_social_info_form.html.erb
index 522d6a0ee..8009e3ad2 100644
--- a/app/views/newflow/social_auth/confirm_social_info_form.html.erb
+++ b/app/views/newflow/social_auth/confirm_social_info_form.html.erb
@@ -129,14 +129,3 @@
 <script type="text/javascript">
     NewflowUi.enableOnChecked('#confirm_social_info_submit_button', '#signup_terms_accepted');
 </script>
-
-<%# TODO: move this to some CSS file %>
-<style>
-    .ui-state-disabled, .ui-button-disabled {
-        opacity: 0.75;
-    }
-
-    .ui-state-disabled:hover, .ui-button-disabled:hover {
-        cursor: not-allowed;
-    }
-</style>