diff --git a/features/main/components/calendar/organisms/user-calendar-profile.tsx b/features/main/components/calendar/organisms/user-calendar-profile.tsx
index 42bbb7e4..b2ad23ef 100644
--- a/features/main/components/calendar/organisms/user-calendar-profile.tsx
+++ b/features/main/components/calendar/organisms/user-calendar-profile.tsx
@@ -4,6 +4,7 @@ import { useAtomValue } from 'jotai';
 
 import { Image, LoadingArea } from '@/components/atoms';
 import { useCurrentMemberInfo } from '@/hooks';
+import SwimieCharacterImage from '@/public/images/swimie-character.png';
 import { calendarSwimCountAtom } from '@/store';
 import { css } from '@/styled-system/css';
 import { flex } from '@/styled-system/patterns';
@@ -23,10 +24,9 @@ export const UserCalendarProfile = () => {
     <>
       <div className={profileContainerStyles}>
         <Image
-          className={characterImageStyles}
-          width={70}
-          height={75}
-          src="/images/swimie-character.png"
+          width={91}
+          height={88}
+          src={SwimieCharacterImage}
           alt="swimie character"
           priority
         />
@@ -46,19 +46,13 @@ export const UserCalendarProfile = () => {
 };
 
 const profileContainerStyles = flex({
-  padding: '0px 14px',
-  gap: '4px',
+  padding: '0px 15px',
+  gap: '10px',
   alignItems: 'center',
   borderRadius: '6px',
   backgroundColor: 'primary.swim.총거리.default',
 });
 
-const characterImageStyles = css({
-  minWidth: '70px',
-  minHeight: '75px',
-  margin: '14px 10px -1px 10px',
-});
-
 const userInfoStyles = flex({
   height: 'full',
   direction: 'column',
diff --git a/features/main/components/time-line/molecules/time-line-card.tsx b/features/main/components/time-line/molecules/time-line-card.tsx
index 552ede10..58172b9f 100644
--- a/features/main/components/time-line/molecules/time-line-card.tsx
+++ b/features/main/components/time-line/molecules/time-line-card.tsx
@@ -93,7 +93,12 @@ const TimeLineCardBody = ({
         </div>
         {imageUrl && (
           <div className={imageWrapperStyles}>
-            <Image src={imageUrl} alt="recorded image" fill />
+            <Image
+              src={imageUrl}
+              alt="recorded image"
+              fill
+              style={{ objectFit: 'cover' }}
+            />
           </div>
         )}
       </div>
diff --git a/features/record-detail/components/cheer-modal-item.tsx b/features/record-detail/components/cheer-modal-item.tsx
index 4444c7b1..969f18ff 100644
--- a/features/record-detail/components/cheer-modal-item.tsx
+++ b/features/record-detail/components/cheer-modal-item.tsx
@@ -64,7 +64,8 @@ const profile = {
     cursor: 'pointer',
   }),
 
-  imageStyle: css({
+  imageStyle: flex({
+    justify: 'center',
     rounded: 'full',
     w: '16px',
     h: '16px',
diff --git a/features/record/components/organisms/photo-section.tsx b/features/record/components/organisms/photo-section.tsx
index 6002dee3..802383c7 100644
--- a/features/record/components/organisms/photo-section.tsx
+++ b/features/record/components/organisms/photo-section.tsx
@@ -85,7 +85,7 @@ export function PhotoSection({ title, defaultImage }: PhotoSectionProps) {
             alt="오늘의 사진"
             fill
             sizes="100vw"
-            className={css({ borderRadius: '10px' })}
+            className={css({ borderRadius: '10px', objectFit: 'cover' })}
           />
           <DeletePhotoIcon
             className={css({
diff --git a/public/images/swimie-character.png b/public/images/swimie-character.png
index 865d5e6e..51f57393 100644
Binary files a/public/images/swimie-character.png and b/public/images/swimie-character.png differ