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 ? (