Committing to hopefully figure out why photos aren't working in next.js

src/components/default/auth/SignInWithMicrosoft.tsx

@@ -38,7 +38,10 @@ export const SignInWithMicrosoft = () => {
   };
 
   return (
-    <form onSubmit={handleSignInWithMicrosoft}>
+    <form
+      onSubmit={handleSignInWithMicrosoft}
+      className='my-4'
+    >
       <SubmitButton
         className='w-full cursor-pointer'
         disabled={isLoading || isSigningIn}
@@ -46,8 +49,8 @@ export const SignInWithMicrosoft = () => {
         type="submit"
       >
         <div className='flex items-center gap-2'>
-          <Image src='/icons/microsoft.png' alt='Microsoft logo' width={20} height={20} />
-          <p>Sign in with Microsoft</p>
+          <Image src='/icons/microsoft.svg' alt='Microsoft logo' width={20} height={20} />
+          <p className='text-[1.0rem]'>Sign in with Microsoft</p>
         </div>
       </SubmitButton>
       {statusMessage && (