diff --git a/apps/main/src/app.css b/apps/main/src/app.css
index 2537440..a55e2c4 100644
--- a/apps/main/src/app.css
+++ b/apps/main/src/app.css
@@ -47,8 +47,7 @@ b {
 /* main logo image */
 
 .logo {
-    width: 14rem;
-    height: 14rem;
+    aspect-ratio: auto 1 / 1;
     border-radius: 50%;
     margin: 5rem auto;
 }
diff --git a/apps/main/src/routes/+page.svelte b/apps/main/src/routes/+page.svelte
index e218c56..6d32488 100644
--- a/apps/main/src/routes/+page.svelte
+++ b/apps/main/src/routes/+page.svelte
@@ -29,6 +29,8 @@
         `}
     src="/favicon.svg"
     alt="logo"
+    width="200"
+    height="200"
 />
 
 <h1><HandWave />Hello! I am <b>developomp</b></h1>