diff --git a/packages/webapp/src/components/Table/Cell/CellTypes/HoverPillOverflow.tsx b/packages/webapp/src/components/Table/Cell/CellTypes/HoverPillOverflow.tsx index c8c8f74f61..b956844ceb 100644 --- a/packages/webapp/src/components/Table/Cell/CellTypes/HoverPillOverflow.tsx +++ b/packages/webapp/src/components/Table/Cell/CellTypes/HoverPillOverflow.tsx @@ -22,7 +22,7 @@ const HoverPillOverFlow = ({ items, noneText = '' }: HoverPillOverflowProps) => return (
{items.length === 0 ? ( - {noneText} + {noneText} ) : ( {items[0]} )} diff --git a/packages/webapp/src/components/Table/Cell/styles.module.scss b/packages/webapp/src/components/Table/Cell/styles.module.scss index b4dbba0620..2433accedd 100644 --- a/packages/webapp/src/components/Table/Cell/styles.module.scss +++ b/packages/webapp/src/components/Table/Cell/styles.module.scss @@ -6,7 +6,8 @@ font-weight: 400; } -.overflowText, .overflowText div { +.overflowText, +.overflowText div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; @@ -45,7 +46,6 @@ width: 32px; padding: 4px; @include svgColorFill(var(--Colors-Primary-Primary-teal-300)); - } .withSubtextText { @@ -73,7 +73,7 @@ padding: 4px; border-radius: 2px; background: var(--Colors-Accent---singles-Purple-light); - box-shadow: 1px 1px 0px 0px #FFF; + box-shadow: 1px 1px 0px 0px #fff; color: var(--Colors-Accent---singles-Purple-full); font-size: 12px; font-weight: 700; @@ -84,7 +84,3 @@ align-items: center; gap: 8px; } - -.italics { - font-style: italic; -} \ No newline at end of file