From e969da707409839e880e9904a98b9917f1109045 Mon Sep 17 00:00:00 2001
From: AJOTKA <a.j.dobrowolska@gmail.com>
Date: Wed, 9 Oct 2024 13:24:09 +0200
Subject: [PATCH] [Website] Fix "undefined" as className (#1870)

## Motivation for the change, related issues

I found "undefined" as a class name in the rendered DOM code.

![image](https://github.com/user-attachments/assets/34d9e109-5c1f-45ab-86e1-1d653c45b1f3)


## Implementation details

Remove potentially empty prop from string chain to classNames() method.

## Testing Instructions (or ideally a Blueprint)
Just open playground. It's on the main page as a wrapper.


Ps. Sorry for the small stuff. I'm trying to find my way around the code
:)
---
 .../website/src/components/browser-chrome/index.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/playground/website/src/components/browser-chrome/index.tsx b/packages/playground/website/src/components/browser-chrome/index.tsx
index 5ff7739043..2a6b2ca2c0 100644
--- a/packages/playground/website/src/components/browser-chrome/index.tsx
+++ b/packages/playground/website/src/components/browser-chrome/index.tsx
@@ -32,11 +32,11 @@ export default function BrowserChrome({
 	const addressBarClass = classNames(css.addressBarSlot, {
 		[css.isHidden]: !showAddressBar,
 	});
-	const wrapperClass = classNames(css.wrapper, css.hasFullSizeWindow);
+	const wrapperClass = classNames(css.wrapper, css.hasFullSizeWindow, className);
 
 	return (
 		<div
-			className={`${wrapperClass} ${className}`}
+			className={wrapperClass}
 			data-cy="simulated-browser"
 		>
 			<div className={`${css.window} browser-chrome-window`}>