diff --git a/frontend/src/components/LoadingSpinner/LoadingSpinner.module.css b/frontend/src/components/LoadingSpinner/LoadingSpinner.module.css
index 26ff4e8e..4e749085 100644
--- a/frontend/src/components/LoadingSpinner/LoadingSpinner.module.css
+++ b/frontend/src/components/LoadingSpinner/LoadingSpinner.module.css
@@ -33,6 +33,15 @@
}
}
+.mini {
+ margin-right: var(--cpd-space-4x);
+
+ .loading-spinner-inner {
+ height: var(--cpd-space-8x);
+ width: var(--cpd-space-8x);
+ }
+}
+
.loading-spinner-inner {
height: var(--cpd-space-16x);
width: var(--cpd-space-16x);
diff --git a/frontend/src/components/LoadingSpinner/LoadingSpinner.tsx b/frontend/src/components/LoadingSpinner/LoadingSpinner.tsx
index c613ae9c..7a17bf69 100644
--- a/frontend/src/components/LoadingSpinner/LoadingSpinner.tsx
+++ b/frontend/src/components/LoadingSpinner/LoadingSpinner.tsx
@@ -18,11 +18,15 @@ import { Translation } from "react-i18next";
import styles from "./LoadingSpinner.module.css";
-const LoadingSpinner: React.FC<{ inline?: boolean; className?: string }> = ({
- inline,
- className,
-}) => (
-
+const LoadingSpinner: React.FC<{
+ inline?: boolean;
+ mini?: boolean;
+ className?: string;
+}> = ({ inline, mini, className }) => (
+