From 67565b1b187f060a4111134aebf04a967456b92b Mon Sep 17 00:00:00 2001
From: ngc2207 <cfngc3109@gmail.com>
Date: Wed, 29 Jan 2025 16:54:59 +0800
Subject: [PATCH] fix: add width/height auto styling to maintain aspect ratio
 in image

---
 src/app/(auth)/layout.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/(auth)/layout.tsx b/src/app/(auth)/layout.tsx
index ceb1a6b..4d34341 100644
--- a/src/app/(auth)/layout.tsx
+++ b/src/app/(auth)/layout.tsx
@@ -10,7 +10,13 @@ const AuthLayout = ({ children }: AuthLayoutProps) => {
     <main className="min-h-screen">
       <div className="mx-auto max-w-screen-2xl p-4">
         <nav className="flex items-center justify-between">
-          <Image src="/logo.svg" alt="logo" width={100} height={50} />
+          <Image
+            src="/logo.svg"
+            alt="logo"
+            width={100}
+            height={50}
+            style={{ width: "auto", height: "auto" }}
+          />
           <div className="flex items-center gap-2">
             <Button variant="secondary">Sign Up</Button>
           </div>