diff --git a/frontend/src/components/UserPreview/UserPreview.style.ts b/frontend/src/components/UserPreview/UserPreview.style.ts
index 5d53d36ef..3e31fb888 100644
--- a/frontend/src/components/UserPreview/UserPreview.style.ts
+++ b/frontend/src/components/UserPreview/UserPreview.style.ts
@@ -14,6 +14,7 @@ export const preview = ({
height: ${size || '3.5rem'};
background: url(${imageUrl}), url(${defaultProfile});
+ background-color: white;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
diff --git a/frontend/src/layouts/ChattingPreviewLayout/ChattingPreviewContainer/ChattingPreviewContainer.style.ts b/frontend/src/layouts/ChattingPreviewLayout/ChattingPreviewContainer/ChattingPreviewContainer.style.ts
index 0c9b383b5..520c7bf19 100644
--- a/frontend/src/layouts/ChattingPreviewLayout/ChattingPreviewContainer/ChattingPreviewContainer.style.ts
+++ b/frontend/src/layouts/ChattingPreviewLayout/ChattingPreviewContainer/ChattingPreviewContainer.style.ts
@@ -5,7 +5,7 @@ export const Container = ({ theme }: { theme: Theme }) => css`
display: flex;
flex-direction: column;
gap: 2rem;
- align-items: center;
+ align-items: flex-start;
justify-content: flex-start;
width: 100%;
diff --git a/frontend/src/pages/Chatting/ChatPage/ChatPage.tsx b/frontend/src/pages/Chatting/ChatPage/ChatPage.tsx
index c2506639f..1a16f083e 100644
--- a/frontend/src/pages/Chatting/ChatPage/ChatPage.tsx
+++ b/frontend/src/pages/Chatting/ChatPage/ChatPage.tsx
@@ -35,7 +35,7 @@ export default function ChatPage() {
-
+
setNowChatRoomType('BET')}
/>
-
-
{isLoading ? (
) : chatPreviews && chatPreviews.length > 0 ? (