diff --git a/studio/src/app/components/feed/card/app-feed-card-tags/app-feed-card-tags.scss b/studio/src/app/components/feed/card/app-feed-card-tags/app-feed-card-tags.scss index 1abc18bd0..c688e0be0 100644 --- a/studio/src/app/components/feed/card/app-feed-card-tags/app-feed-card-tags.scss +++ b/studio/src/app/components/feed/card/app-feed-card-tags/app-feed-card-tags.scss @@ -10,15 +10,17 @@ app-feed-card-tags { height: 42px; div.chips { - background: var(--card-tags-background, rgba(var(--ion-color-primary-rgb), 0.08)); - color: var(--card-tags-color, var(--ion-color-primary-shade)); + background: var(--card-tags-background, rgba(var(--ion-color-medium-rgb), 0.08)); + color: var(--card-tags-color, var(--ion-color-medium)); border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; - margin: 4px 4px 4px 0; - height: 100%; + + &:not(:first-of-type) { + margin: 0 4px; + } font-size: var(--font-size-normal); diff --git a/studio/src/app/components/feed/card/app-feed-card-tags/app-feed-card-tags.tsx b/studio/src/app/components/feed/card/app-feed-card-tags/app-feed-card-tags.tsx index eb4326827..3e4cd1b89 100644 --- a/studio/src/app/components/feed/card/app-feed-card-tags/app-feed-card-tags.tsx +++ b/studio/src/app/components/feed/card/app-feed-card-tags/app-feed-card-tags.tsx @@ -38,7 +38,7 @@ export class AppFeedCardTags { return (
{this.description}
+{this.description}
{this.renderTags()} @@ -165,7 +165,7 @@ export class AppFeedCard { private renderTags() { if (this.tags && this.tags.length) { - return