diff --git a/src/components/button/button.styles.ts b/src/components/button/button.styles.ts index be54786fcc..c81bfb5daa 100644 --- a/src/components/button/button.styles.ts +++ b/src/components/button/button.styles.ts @@ -317,7 +317,9 @@ export default css` .button--text { background-color: transparent; border-color: transparent; - color: var(--o-color-primary-600); + color: var(--o-color-neutral-1000); + text-decoration: underline; + text-underline-offset: 5px; } .button--text:hover:not(.button--disabled) { diff --git a/src/themes/light.css b/src/themes/light.css index 4aeffb587f..d06016292c 100644 --- a/src/themes/light.css +++ b/src/themes/light.css @@ -322,9 +322,9 @@ --o-button-font-size-large: var(--o-font-size-large); /* Inputs */ - --o-input-height-small: 2.5rem; /* 40px */ - --o-input-height-medium: 3rem; /* 48px */ - --o-input-height-large: 3.5rem; /* 56px */ + --o-input-height-small: 3rem; /* 48px */ + --o-input-height-medium: 3.5rem; /* 56px */ + --o-input-height-large: 4rem; /* 64px */ --o-input-background-color: var(--o-color-neutral-0); --o-input-background-color-hover: var(--o-color-neutral-0);