fix loading spinner on mobile devices

scm-ui-components/packages/ui-components/src/Loading.js

@@ -1,10 +1,14 @@
 //@flow
+
 import React from "react";
 import { translate } from "react-i18next";
 import injectSheet from "react-jss";
 import Image from "./Image";
 
 const styles = {
+  minHeightContainer: {
+    minHeight: "256px"
+  },
   wrapper: {
     position: "relative"
   },
@@ -34,6 +38,7 @@ class Loading extends React.Component<Props> {
   render() {
     const { message, t, classes } = this.props;
     return (
+      <div className={classes.minHeightContainer}>
         <div className={classes.wrapper}>
           <div className={classes.loading}>
             <Image
@@ -44,6 +49,7 @@ class Loading extends React.Component<Props> {
             <p className="has-text-centered">{message}</p>
           </div>
         </div>
+      </div>
     );
   }
 }