Merge pull request #72 from edx/fix-loader-scroll

fix spinner height

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;

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>

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"