diff --git a/packages/my-joy-beta/src/components/instances/key-value.js b/packages/my-joy-beta/src/components/instances/key-value.js
index bb0166de..96d078d3 100644
--- a/packages/my-joy-beta/src/components/instances/key-value.js
+++ b/packages/my-joy-beta/src/components/instances/key-value.js
@@ -29,7 +29,7 @@ import {
DeleteIcon
} from 'joyent-ui-toolkit';
-const CollapsedKeyValue = styled.span`
+const CollapsedKeyValue = styled.div`
word-break: break-all;
line-height: 1.5;
white-space: nowrap;
@@ -143,13 +143,11 @@ export const KeyValue = ({
{`${titleCase(method)} ${type}`}
) : (
-
- {!expanded ? (
- `${initialValues.name}: `
- ) : (
- {`${initialValues.name}: `}
- )}
-
+ {expanded ? (
+ {`${initialValues.name}: `}
+ ) : (
+ {`${initialValues.name}: `}
+ )}
{initialValues.value}
)}
diff --git a/packages/my-joy-beta/src/containers/instances/tags.js b/packages/my-joy-beta/src/containers/instances/tags.js
index 585ee048..5a4340a0 100644
--- a/packages/my-joy-beta/src/containers/instances/tags.js
+++ b/packages/my-joy-beta/src/containers/instances/tags.js
@@ -70,7 +70,7 @@ export const Tags = ({
const _count = !_loading ? (
- {tags.length} tags
+ {tags.length} tag{tags.length === 1 ? '' : 's'}
) : null;
diff --git a/packages/ui-toolkit/src/base/global.js b/packages/ui-toolkit/src/base/global.js
index f6274c34..8ba3466a 100644
--- a/packages/ui-toolkit/src/base/global.js
+++ b/packages/ui-toolkit/src/base/global.js
@@ -8,10 +8,9 @@ export default ({ theme }) => css`
display: none;
}
- * {
- font-family: ${
- theme.font.family
- }, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif;
+ html, body {
+ font-display: optional;
+ font-family: ${theme.font.family}, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif;
font-weight: ${theme.font.weight.normal};
}
diff --git a/packages/ui-toolkit/src/breadcrumb/item.js b/packages/ui-toolkit/src/breadcrumb/item.js
index f4cee916..5d9968ae 100644
--- a/packages/ui-toolkit/src/breadcrumb/item.js
+++ b/packages/ui-toolkit/src/breadcrumb/item.js
@@ -24,6 +24,7 @@ const BaseLink = styled(({ component, children, ...rest }) =>
)`
text-decoration: none;
cursor: pointer;
+ font-weight: ${props => props.theme.font.weight.normal};
&:visited {
color: inherit;
diff --git a/packages/ui-toolkit/src/button/index.js b/packages/ui-toolkit/src/button/index.js
index 2f7864bc..ef068db1 100644
--- a/packages/ui-toolkit/src/button/index.js
+++ b/packages/ui-toolkit/src/button/index.js
@@ -164,7 +164,6 @@ const Button = styled(BaseButton)`
-webkit-text-fill-color: currentcolor;
background-color: ${props => props.theme.white};
border-color: ${props => props.theme.red};
- font-weight: 600;
&:focus {
background-color: ${props => props.theme.white};