diff --git a/packages/core/src/components/tag/_tag.scss b/packages/core/src/components/tag/_tag.scss index f99d9f63..b45b3c88 100644 --- a/packages/core/src/components/tag/_tag.scss +++ b/packages/core/src/components/tag/_tag.scss @@ -6,11 +6,12 @@ font-family: $ray-font-stack-mono; border: 1px solid $ray-color-gray-30; border-radius: $ray-border-radius; - display: inline; - padding: $ray-spacing-3xs $ray-spacing-xs; + display: inline-block; + padding: 0.125rem $ray-spacing-xs; text-transform: uppercase; font-weight: 400; - font-size: 0.875rem; + font-size: 0.75rem; + line-height: 1.5; } a.#{$ray-class-prefix}tag { diff --git a/packages/core/src/global/_variables.scss b/packages/core/src/global/_variables.scss index e45f4799..6eb31e27 100644 --- a/packages/core/src/global/_variables.scss +++ b/packages/core/src/global/_variables.scss @@ -8,7 +8,7 @@ $ray-font-stack-sans-serif: 'Apercu', Avenir, -apple-system, BlinkMacSystemFont, $ray-font-stack-mono: 'Apercu Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; $ray-base-font-size: rem(16px); -$ray-base-line-height: 1.75rem; +$ray-base-line-height: 1.618; $ray-assign-typography-styles-natively: true !default; $ray-link-color: $ray-color-blue-50;