diff --git a/packages/component-library/src/EntityList/index.module.scss b/packages/component-library/src/EntityList/index.module.scss index c2c687e760..d60e76ca98 100644 --- a/packages/component-library/src/EntityList/index.module.scss +++ b/packages/component-library/src/EntityList/index.module.scss @@ -55,7 +55,7 @@ align-items: center; display: flex; flex-flow: row nowrap; - gap: theme.spacing(2); // give items a little breathing room if text is long + gap: theme.spacing(2); justify-content: space-between; } diff --git a/packages/component-library/src/SymbolPairTag/index.module.scss b/packages/component-library/src/SymbolPairTag/index.module.scss index 42d44e8cf4..44da313664 100644 --- a/packages/component-library/src/SymbolPairTag/index.module.scss +++ b/packages/component-library/src/SymbolPairTag/index.module.scss @@ -50,15 +50,16 @@ .description { color: theme.color("muted"); + // this helps prevent long feed descriptions from looking gross // and overflowing off the page, pushing the curren values off the page, // too overflow: initial; text-overflow: initial; white-space: normal; - + @include theme.text("xs", "medium"); - + // reset the above on large devices, to match when the price feeds grid switches over @include theme.breakpoint("2xl") { overflow: hidden;