diff --git a/src/components/middle/message/Contact.module.scss b/src/components/middle/message/Contact.module.scss index 6024059a1..28b1215c6 100644 --- a/src/components/middle/message/Contact.module.scss +++ b/src/components/middle/message/Contact.module.scss @@ -48,15 +48,14 @@ width: auto; flex: 1; height: 2.25rem; - border-radius: 0; + margin: 0.375rem; font-weight: 500; background-color: transparent; color: var(--accent-color); --ripple-color: var(--accent-background-active-color); &:not(.disabled):not(:disabled):hover { - color: var(--accent-color); - background-color: transparent; + background-color: var(--accent-background-active-color); } } } diff --git a/src/components/modals/webApp/WebAppModalTabContent.module.scss b/src/components/modals/webApp/WebAppModalTabContent.module.scss index 3e6588a90..b13c78a57 100644 --- a/src/components/modals/webApp/WebAppModalTabContent.module.scss +++ b/src/components/modals/webApp/WebAppModalTabContent.module.scss @@ -60,6 +60,10 @@ &.visible { transform: translateY(0); opacity: 1; + + &:hover { + filter: brightness(0.9); + } } &.hidden { @@ -67,6 +71,12 @@ } } +.secondary-button.visible:hover { + :global(.theme-dark) & { + filter: brightness(1.5); + } +} + .buttons-container { display: flex; justify-content: space-between;