diff --git a/packages/ffe-feedback-react/src/Feedback.tsx b/packages/ffe-feedback-react/src/Feedback.tsx index e016f0b9a4..33cca81415 100644 --- a/packages/ffe-feedback-react/src/Feedback.tsx +++ b/packages/ffe-feedback-react/src/Feedback.tsx @@ -19,6 +19,7 @@ export interface FeedbackProps { texts?: { feedbackNotSentHeading?: string; }; + className?: string; } export const Feedback: React.FC = ({ headingLevel, @@ -29,6 +30,7 @@ export const Feedback: React.FC = ({ bgDarkmodeColor, contactLink, texts, + className, }) => { const feedbackSentRef = useRef(); const expandedRef = useRef(); @@ -37,10 +39,14 @@ export const Feedback: React.FC = ({ const [feedbackSent, setFeedbackSent] = useState(false); const headingId = useId(); - const feedbackClassnames = classNames('ffe-feedback', { - [`ffe-feedback--bg-${bgColor}`]: bgColor, - [`ffe-feedback--dm-bg-${bgDarkmodeColor}`]: bgDarkmodeColor, - }); + const feedbackClassnames = classNames( + 'ffe-feedback', + { + [`ffe-feedback--bg-${bgColor}`]: bgColor, + [`ffe-feedback--dm-bg-${bgDarkmodeColor}`]: bgDarkmodeColor, + }, + className, + ); const handleThumbClicked = (thumb: Thumb) => { setFeedbackThumbClicked(thumb);