diff --git a/packages/bridge-ui-v2/src/styles/components.css b/packages/bridge-ui-v2/src/styles/components.css index f4dc880cd9..a26170b861 100644 --- a/packages/bridge-ui-v2/src/styles/components.css +++ b/packages/bridge-ui-v2/src/styles/components.css @@ -167,11 +167,13 @@ hover:background-color: var(--interactive-dark-tertiary-hover, #5D636F); } - .glassy-gradient-card { - /* Trying to be consistent with design */ - /* grey-500/10 => grey-800/20 */ + .glassy-gradient-card::before { background: linear-gradient(226deg, rgba(93, 99, 111, 0.1) 1.26%, rgba(25, 30, 40, 0.2) 100%); - backdrop-filter: blur(10px); + content: ''; + backdrop-filter: blur(2px); + position: absolute; + inset: 0%; + z-index: -1; } input {