diff --git a/src/common/component/Contact/styled.js b/src/common/component/Contact/styled.js index f4913b14..a167fa97 100644 --- a/src/common/component/Contact/styled.js +++ b/src/common/component/Contact/styled.js @@ -23,6 +23,7 @@ const StyledWrapper = styled.div` height: ${({ size }) => `${size}px`}; position: relative; img { + object-fit: cover; border-radius: 50%; width: 100%; height: 100%; diff --git a/src/common/component/Message/styled.js b/src/common/component/Message/styled.js index 1f8d8a32..1b1f2986 100644 --- a/src/common/component/Message/styled.js +++ b/src/common/component/Message/styled.js @@ -31,12 +31,13 @@ const StyledMsg = styled.div` &.readonly:hover { background: none; } - .avatar { + > .avatar { flex-shrink: 0; cursor: pointer; width: 40px; height: 40px; img { + object-fit: cover; width: 100%; height: 100%; border-radius: 50%; diff --git a/src/common/component/Profile/styled.js b/src/common/component/Profile/styled.js index 491d2410..7801beb3 100644 --- a/src/common/component/Profile/styled.js +++ b/src/common/component/Profile/styled.js @@ -13,6 +13,7 @@ const StyledWrapper = styled.div` width: 80px; height: 80px; border-radius: 50%; + object-fit: cover; } .name { user-select: text; diff --git a/src/common/component/styled/Textarea.js b/src/common/component/styled/Textarea.js index 1a3b5397..90e7e5bd 100644 --- a/src/common/component/styled/Textarea.js +++ b/src/common/component/styled/Textarea.js @@ -17,7 +17,7 @@ const StyledTextarea = styled.textarea` background-color: #f9fafb; } &::placeholder { - color: #78787c; + color: #d1d5db; } `;