diff --git a/index.html b/index.html
index 6a716f4..4ea9676 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
-
+
diff --git a/src/components/option/background-select.jsx b/src/components/option/background-select.jsx
index 0e734cb..af074e1 100644
--- a/src/components/option/background-select.jsx
+++ b/src/components/option/background-select.jsx
@@ -1,8 +1,6 @@
import { useEffect, useState } from "react";
import styled from "styled-components";
import CheckImage from "../../assets/ic-check.svg";
-import { OutlinedButton } from "../button/button";
-import BUTTON_SIZE from "../button/button-size";
import { media } from "../../utils/media";
import BACKGROUND_COLOR from "../color/background-color";
import Colors from "../color/colors";
@@ -37,7 +35,6 @@ const CheckedIcon = styled.img`
left: 50%;
transform: translate(-50%, -50%);
padding: 5px;
- }
`;
const BackgroundOverlay = styled.div`
diff --git a/src/pages/send-message-page.jsx b/src/pages/send-message-page.jsx
index 0aa0275..684e503 100644
--- a/src/pages/send-message-page.jsx
+++ b/src/pages/send-message-page.jsx
@@ -70,13 +70,13 @@ const AvatarOption = styled.div`
}
`;
-const AvatarPreview = styled.div`
- cursor: pointer;
+const DefaultAvatar = styled.div`
+ height: 100%;
+ padding-top: 20px;
`;
-const DefaultAvatar = styled.div`
+const AvatarPreview = styled.div`
cursor: pointer;
- padding-top: 20px;
box-shadow: ${({ $isSelected }) =>
$isSelected ? `0 0 0 2px ${Colors.purple(600)}` : "none"};
border-radius: 50%;
@@ -173,7 +173,9 @@ function SendMessagePage() {
프로필 이미지
-
+
+
+
프로필 이미지를 선택해 주세요!