diff --git a/public/css/custom.css b/public/css/custom.css
index f606c35..bbbd99e 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -819,3 +819,7 @@ input:checked + .slider:before {
 .font-bold {
     font-weight: bold;
 }
+
+.profile-img {
+    object-fit: contain;
+}
diff --git a/src/components/main/MainEventCalendar.vue b/src/components/main/MainEventCalendar.vue
index a9591f6..b5dd4f5 100644
--- a/src/components/main/MainEventCalendar.vue
+++ b/src/components/main/MainEventCalendar.vue
@@ -7,7 +7,7 @@
                         v-if="user"
                         :src="`${profileImgUrl}profile/${user.profile}`"
                         alt="Profile Image"
-                        class="w-px-50 h-px-50 rounded-circle"
+                        class="w-px-50 h-px-50 rounded-circle profile-img"
                         @error="$event.target.src = '/img/icons/icon.png'"
                     />
                     <p class="mt-2 fw-bold">
diff --git a/src/components/main/MainMemberProfile.vue b/src/components/main/MainMemberProfile.vue
index b026af5..c6b48b7 100644
--- a/src/components/main/MainMemberProfile.vue
+++ b/src/components/main/MainMemberProfile.vue
@@ -7,7 +7,7 @@
                         :src="`${profileImgUrl}profile/${member.MEMBERPRF}`"
                         :style="`border-color: ${member.usercolor} !important;`"
                         alt="User Profile"
-                        class="rounded-circle border border-2"
+                        class="rounded-circle border border-2 profile-img"
                         @error="$event.target.src = '/img/icons/icon.png'"
                     />
                 </div>