diff --git a/src/logistration/_style.scss b/src/logistration/_style.scss
index 393b552d..aa2db031 100644
--- a/src/logistration/_style.scss
+++ b/src/logistration/_style.scss
@@ -232,6 +232,10 @@ $apple-focus-black: $apple-black;
   max-width: 32em;
 }
 
+.h-90 {
+  height: 90%;
+}
+
 @media (min-width: 576px) {
   .reset-password-container {
     width: 420px;
diff --git a/src/reset-password/Spinner.jsx b/src/reset-password/Spinner.jsx
index 2a66c0cf..f02bff8e 100644
--- a/src/reset-password/Spinner.jsx
+++ b/src/reset-password/Spinner.jsx
@@ -2,8 +2,8 @@ import React from 'react';
 import { Spinner as ParagonSpinner } from '@edx/paragon';
 
 const Spinner = () => (
-  <div className="container position-absolute h-100">
-    <div className="d-flex justify-content-center align-items-center h-100">
+  <div className="container position-absolute h-90">
+    <div className="d-flex justify-content-center align-items-center h-90">
       <ParagonSpinner animation="border" variant="primary" />
     </div>
   </div>
diff --git a/src/reset-password/tests/__snapshots__/ResetPasswordPage.test.jsx.snap b/src/reset-password/tests/__snapshots__/ResetPasswordPage.test.jsx.snap
index 336cd00b..1c1b8dfe 100644
--- a/src/reset-password/tests/__snapshots__/ResetPasswordPage.test.jsx.snap
+++ b/src/reset-password/tests/__snapshots__/ResetPasswordPage.test.jsx.snap
@@ -394,10 +394,10 @@ Array [
 
 exports[`ResetPasswordPage show spinner component during token validation 1`] = `
 <div
-  className="container position-absolute h-100"
+  className="container position-absolute h-90"
 >
   <div
-    className="d-flex justify-content-center align-items-center h-100"
+    className="d-flex justify-content-center align-items-center h-90"
   >
     <div
       className="spinner-border text-primary"