diff --git a/src/common/component/Message/Reaction.js b/src/common/component/Message/Reaction.js index 77a536bc..4f2a88d4 100644 --- a/src/common/component/Message/Reaction.js +++ b/src/common/component/Message/Reaction.js @@ -37,7 +37,7 @@ const StyledWrapper = styled.span` background-color: #cff9fe; } &.reacted { - border: 1px solid #06aed4; + box-shadow: inset 0 0 0 1px #06aed4; background-color: #a5f0fc; } diff --git a/src/routes/chat/styled.js b/src/routes/chat/styled.js index d95fcb8f..ac6535be 100644 --- a/src/routes/chat/styled.js +++ b/src/routes/chat/styled.js @@ -128,7 +128,7 @@ const StyledWrapper = styled.div` } /* drop files effect */ .drop_over { - outline: 2px solid #52edff; + box-shadow: inset 0 0 0 2px #52edff; } } &.collapse {