diff --git a/web_src/css/modules/animations.css b/web_src/css/modules/animations.css
index dcd0e0753..cb7ac59b0 100644
--- a/web_src/css/modules/animations.css
+++ b/web_src/css/modules/animations.css
@@ -18,10 +18,11 @@
   position: absolute;
   display: block;
   height: 4rem;
-  max-height: 50%;
   aspect-ratio: 1 / 1;
   left: 50%;
   top: 50%;
+  max-height: 100%;
+  max-width: 100%;
   transform: translate(-50%, -50%);
   animation: isloadingspin 500ms infinite linear;
   border-width: 4px;
@@ -40,6 +41,15 @@
   height: var(--height-loading);
 }
 
+.markup .is-loading > * {
+  visibility: hidden;
+}
+
+.markup .is-loading {
+  color: transparent;
+  background: transparent;
+}
+
 /* TODO: not needed, use "is-loading small-loading-icon" instead */
 .btn-octicon.is-loading::after {
   border-width: 2px;