diff --git a/docs/blocks/authentication/ForgotPassword.story.tsx b/docs/blocks/authentication/ForgotPassword.story.tsx
index dcd2dfd6..5f9c69ad 100644
--- a/docs/blocks/authentication/ForgotPassword.story.tsx
+++ b/docs/blocks/authentication/ForgotPassword.story.tsx
@@ -175,7 +175,7 @@ export const ForgotPasswordFull = () => {
         animate={{ y: 0, opacity: 1 }}
         className="h-full w-full flex flex-col items-start p-7"
       >
-        <LogoIcon className="h-11" />
+        <LogoIcon className="h-11 w-auto mb-2" />
         <div className="w-full grow flex flex-col justify-center pr-14">
           <h4 className="text-2xl font-sans font-bold mb-0">
             Forgot Password?
@@ -237,7 +237,7 @@ export const ForgotPasswordFull = () => {
         </div>
       </motion.div>
       <div className="relative w-full h-full overflow-hidden">
-        <img src={BG_IMAGE} className="absolute h-full" />
+        <img src={BG_IMAGE} className="absolute h-full w-full" />
       </div>
     </Card>
   );
@@ -349,7 +349,7 @@ export const ResetPassword = () => {
         contentClassName="w-full h-full grow flex flex-col"
       >
         <Stack justifyContent="spaceBetween">
-          <LogoIcon className="h-11" />
+          <LogoIcon className="h-11 w-auto" />
           <a href="#" className="text-lg text-primary font-semibold">
             Create an account
           </a>
diff --git a/docs/blocks/authentication/Login.story.tsx b/docs/blocks/authentication/Login.story.tsx
index 7c0be54d..5ce8b23d 100644
--- a/docs/blocks/authentication/Login.story.tsx
+++ b/docs/blocks/authentication/Login.story.tsx
@@ -277,7 +277,7 @@ export const LoginFull = () => {
         className="h-full w-full flex flex-col items-start p-7"
       >
         <div className="w-full grow flex flex-col justify-center pr-14">
-          <LogoIcon className="h-11 mb-2 self-start" />
+          <LogoIcon className="h-11 mb-2 self-start w-auto" />
           <h4 className="text-2xl font-sans font-bold mb-0">
             Log In or create account
           </h4>
diff --git a/docs/blocks/authentication/Register.story.tsx b/docs/blocks/authentication/Register.story.tsx
index 761ae86d..08761de7 100644
--- a/docs/blocks/authentication/Register.story.tsx
+++ b/docs/blocks/authentication/Register.story.tsx
@@ -72,7 +72,7 @@ export const Register = () => {
       <Card className="w-full p-12">
         <div className="flex flex-col pt-2 mb-5">
           <div>
-            <LogoIcon className="h-11 mb-2" />
+            <LogoIcon className="h-11 mb-2 w-auto" />
           </div>
           <h4 className="text-2xl font-sans font-bold mb-0">
             Welcome to Reablocks
@@ -209,12 +209,12 @@ export const RegisterFull = () => {
     <motion.div
       initial={{ y: -20, opacity: 0 }}
       animate={{ y: 0, opacity: 1 }}
-      className="sm:mx-auto sm:w-full sm:max-w-sm md:max-w-[11000px]"
+      className="sm:mx-auto sm:w-full sm:max-w-sm md:max-w-[1100px]"
     >
       <Card className="w-full p-12">
         <div className="flex flex-col pt-2 mb-5">
           <div>
-            <LogoIcon className="h-11 mb-2" />
+            <LogoIcon className="h-11 mb-2 w-auto" />
           </div>
           <h4 className="text-2xl font-sans font-bold mb-0">
             Welcome to Reablocks