diff --git a/src/Components/Loaders/SpinningLoader.tsx b/src/Components/Loaders/SpinningLoader.tsx
index 715728e..2d7e162 100644
--- a/src/Components/Loaders/SpinningLoader.tsx
+++ b/src/Components/Loaders/SpinningLoader.tsx
@@ -1,8 +1,9 @@
 import React from "react";
+import {classes} from "../../Utils";
 
-export function SpinningLoader()
+export function SpinningLoader({ inline }: { inline?: boolean; })
 {
 	return (
-		<div className={"spinning loader"}></div>
+		<div className={classes("spinning loader", inline ? "inline" : undefined)}></div>
 	);
 }
diff --git a/src/styles/components/loaders/_spinning.less b/src/styles/components/loaders/_spinning.less
index a242f34..9a50c7c 100644
--- a/src/styles/components/loaders/_spinning.less
+++ b/src/styles/components/loaders/_spinning.less
@@ -1,8 +1,8 @@
 .spinning.loader
 {
 	position: relative;
-	display: inline-block;
-	margin: 1em;
+	display: block;
+	margin: 1em auto;
 	width: 2.5em;
 	height: 2.5em;
 	border-radius: 50%;
@@ -26,6 +26,12 @@
 		border: 0.3em solid transparent;
 		border-bottom-color: var(--primary);
 	}
+
+	&.inline
+	{
+		display: inline-block;
+		margin: 1em;
+	}
 }
 
 @keyframes spinning-loader-rotation