diff --git a/resources/scripts/components/elements/Spinner.tsx b/resources/scripts/components/elements/Spinner.tsx
index 31606296..127ab652 100644
--- a/resources/scripts/components/elements/Spinner.tsx
+++ b/resources/scripts/components/elements/Spinner.tsx
@@ -34,7 +34,7 @@ const Spinner = ({ centered, ...props }: Props) => (
     centered ?
         <div
             css={[
-                tw`flex justify-center`,
+                tw`flex justify-center items-center`,
                 props.size === 'large' ? tw`m-20` : tw`m-6`,
             ]}
         >
diff --git a/resources/scripts/components/elements/SuspenseSpinner.tsx b/resources/scripts/components/elements/SuspenseSpinner.tsx
index fca1e91b..3e7098ca 100644
--- a/resources/scripts/components/elements/SuspenseSpinner.tsx
+++ b/resources/scripts/components/elements/SuspenseSpinner.tsx
@@ -1,15 +1,8 @@
 import React, { Suspense } from 'react';
 import Spinner from '@/components/elements/Spinner';
-import tw from 'twin.macro';
 
-const SuspenseSpinner = ({ children }: { children?: React.ReactNode }) => (
-    <Suspense
-        fallback={
-            <div css={tw`mx-4 w-3/4 mr-4 flex items-center justify-center`}>
-                <Spinner centered/>
-            </div>
-        }
-    >
+const SuspenseSpinner: React.FC = ({ children }) => (
+    <Suspense fallback={<Spinner size={'large'} centered/>}>
         {children}
     </Suspense>
 );