diff --git a/front/volume/src/components/NavBar.svelte b/front/volume/src/components/NavBar.svelte
index 10054e3..54c8288 100644
--- a/front/volume/src/components/NavBar.svelte
+++ b/front/volume/src/components/NavBar.svelte
@@ -99,7 +99,7 @@
 
   .navigation-bar img {
     width: 2rem;
-    height: 2rem;
+    height: auto;
   }
 
   .navigation-bar button {
diff --git a/front/volume/src/components/Profile.svelte b/front/volume/src/components/Profile.svelte
index a8cdddd..21eceaa 100644
--- a/front/volume/src/components/Profile.svelte
+++ b/front/volume/src/components/Profile.svelte
@@ -147,6 +147,7 @@
     border: 1px solid #ccc;
     border-radius: 5px;
     padding: 1rem;
+    max-width: 80%;
     width: 375px;
   }
 
@@ -161,8 +162,12 @@
   }
 
   .profile-img {
+    max-width: 80%;
     width: 256px;
-    height: 256px;
+    height: auto;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
   }
 
   #avatar-input {