diff --git a/tools/ui-components/src/close-button/close-button.stories.tsx b/tools/ui-components/src/close-button/close-button.stories.tsx
index 17e9440a22a..47d41ae5d6a 100644
--- a/tools/ui-components/src/close-button/close-button.stories.tsx
+++ b/tools/ui-components/src/close-button/close-button.stories.tsx
@@ -9,10 +9,7 @@ const story = {
 type Story = StoryObj<typeof CloseButton>;
 
 export const Basic: Story = {
-  args: {
-    className: '',
-    label: ''
-  }
+  args: {}
 };
 
 export default story;
diff --git a/tools/ui-components/src/close-button/close-button.tsx b/tools/ui-components/src/close-button/close-button.tsx
index 1fad35fae59..62963982a60 100644
--- a/tools/ui-components/src/close-button/close-button.tsx
+++ b/tools/ui-components/src/close-button/close-button.tsx
@@ -48,7 +48,7 @@ export function CloseButton({
 
   return (
     <button className={classes} onClick={onClick} type='button'>
-      <span className='sr-only'>{label ?? 'Close'}</span>
+      <span className='sr-only'>{label || 'Close'}</span>
       <span aria-hidden>×</span>
     </button>
   );