diff --git a/web/loading-indicator.react.js b/web/loading-indicator.react.js
--- a/web/loading-indicator.react.js
+++ b/web/loading-indicator.react.js
@@ -10,7 +10,7 @@
 
 type Props = {
   +status: LoadingStatus,
-  +size?: 'small' | 'medium' | 'large',
+  +size?: 'small' | 'medium' | 'large' | 'x-large',
   +color?: 'black' | 'white',
   +loadingClassName?: string,
   +errorClassName?: string,
@@ -30,6 +30,8 @@
         hasRendered && size === 'medium',
       [css['loading-indicator-loading-small']]: hasRendered && size === 'small',
       [css['loading-indicator-loading-large']]: hasRendered && size === 'large',
+      [css['loading-indicator-loading-x-large']]:
+        hasRendered && size === 'x-large',
       [css['loading-indicator-black']]:
         hasRendered && tinycolor.equals(color, 'black'),
     };
diff --git a/web/style.css b/web/style.css
--- a/web/style.css
+++ b/web/style.css
@@ -162,6 +162,19 @@
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
+span.loading-indicator-loading-x-large:after {
+  content: ' ';
+  display: block;
+  width: 45px;
+  height: 45px;
+  border-radius: 50%;
+  border: 3px solid #fff;
+  border-color: #fff transparent #fff transparent;
+  animation-name: loading-indicator-loading;
+  animation-duration: 1.2s;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
 span.loading-indicator-loading-small:after {
   content: ' ';
   display: block;