diff --git a/packages/feedback/src/constants/theme.ts b/packages/feedback/src/constants/theme.ts index 7fff31f48964..127cc4616062 100644 --- a/packages/feedback/src/constants/theme.ts +++ b/packages/feedback/src/constants/theme.ts @@ -10,7 +10,7 @@ export const LIGHT_THEME = { backgroundHover: '#f6f6f7', foreground: '#2b2233', border: '1.5px solid rgba(41, 35, 47, 0.13)', - borderRadius: '12px', + borderRadius: '25px', boxShadow: '0px 4px 24px 0px rgba(43, 34, 51, 0.12)', success: '#268d75', diff --git a/packages/feedback/src/core/components/Actor.css.ts b/packages/feedback/src/core/components/Actor.css.ts index de295e9fc1f4..bfc135a7c9a0 100644 --- a/packages/feedback/src/core/components/Actor.css.ts +++ b/packages/feedback/src/core/components/Actor.css.ts @@ -14,7 +14,7 @@ export function createActorStyles(): HTMLStyleElement { top: var(--top); z-index: var(--z-index); - line-height: 25px; + line-height: 16px; display: flex; align-items: center; @@ -26,7 +26,7 @@ export function createActorStyles(): HTMLStyleElement { font-family: inherit; font-size: var(--font-size); font-weight: 600; - padding: 12px 16px; + padding: 16px; text-decoration: none; z-index: 9000; @@ -56,6 +56,12 @@ export function createActorStyles(): HTMLStyleElement { .widget__actor__text { } +@media (max-width: 600px) { + .widget__actor__text { + display: none; + } +} + .feedback-icon path { fill: var(--foreground); }