diff --git a/scm-ui-components/packages/ui-components/src/Loading.js b/scm-ui-components/packages/ui-components/src/Loading.js
index 0a472ecb02..6b4817131f 100644
--- a/scm-ui-components/packages/ui-components/src/Loading.js
+++ b/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,14 +38,16 @@ class Loading extends React.Component<Props> {
   render() {
     const { message, t, classes } = this.props;
     return (
-      <div className={classes.wrapper}>
-        <div className={classes.loading}>
-          <Image
-            className={classes.image}
-            src="/images/loading.svg"
-            alt={t("loading.alt")}
-          />
-          <p className="has-text-centered">{message}</p>
+      <div className={classes.minHeightContainer}>
+        <div className={classes.wrapper}>
+          <div className={classes.loading}>
+            <Image
+              className={classes.image}
+              src="/images/loading.svg"
+              alt={t("loading.alt")}
+            />
+            <p className="has-text-centered">{message}</p>
+          </div>
         </div>
       </div>
     );