diff --git a/src/frontend/src/features/sdk/routes/CreateMeetingButton.tsx b/src/frontend/src/features/sdk/routes/CreateMeetingButton.tsx
index 8170b466..5040b353 100644
--- a/src/frontend/src/features/sdk/routes/CreateMeetingButton.tsx
+++ b/src/frontend/src/features/sdk/routes/CreateMeetingButton.tsx
@@ -78,7 +78,7 @@ export const CreateMeetingButton = () => {
   if (isPending) {
     return (
       <div>
-        <Spinner />
+        <Spinner size={34} />
       </div>
     )
   }
diff --git a/src/frontend/src/primitives/Spinner.tsx b/src/frontend/src/primitives/Spinner.tsx
index dc83836f..d3eb26d7 100644
--- a/src/frontend/src/primitives/Spinner.tsx
+++ b/src/frontend/src/primitives/Spinner.tsx
@@ -1,7 +1,7 @@
 import { ProgressBar } from 'react-aria-components'
 import { css } from '@/styled-system/css'
 
-export const Spinner = () => {
+export const Spinner = ({ size = 56 }: { size?: number }) => {
   const center = 14
   const strokeWidth = 3
   const r = 14 - strokeWidth
@@ -11,8 +11,8 @@ export const Spinner = () => {
       {({ percentage }) => (
         <>
           <svg
-            width={56}
-            height={56}
+            width={size}
+            height={size}
             viewBox="0 0 28 28"
             fill="none"
             strokeWidth={strokeWidth}