diff --git a/packages/web-components/src/button/button.stories.ts b/packages/web-components/src/button/button.stories.ts
index 6294abf3e34dd..64836ed9efd04 100644
--- a/packages/web-components/src/button/button.stories.ts
+++ b/packages/web-components/src/button/button.stories.ts
@@ -225,5 +225,5 @@ export const Popover: Story<FluentButton> = renderComponent(html<StoryArgs<Fluen
   <fluent-button popovertarget="foo" popovertargetaction="show">Show Popover</fluent-button>
   <fluent-button popovertarget="foo" popovertargetaction="hide">Hide Popover</fluent-button>
   <fluent-button popovertarget="foo" popovertargetaction="toggle">Toggle Popover</fluent-button>
-  <div id="foo" popover open>This is a popover</div>
+  <div id="foo" popover>This is a popover</div>
 `);
diff --git a/packages/web-components/src/button/button.ts b/packages/web-components/src/button/button.ts
index a20c85b22b515..962dcbdce483e 100644
--- a/packages/web-components/src/button/button.ts
+++ b/packages/web-components/src/button/button.ts
@@ -297,13 +297,16 @@ export class BaseButton extends FASTElement {
     if (this.popoverTargetElement && !!this.popoverTargetElement.hasAttribute('popover')) {
       switch (this.popovertargetaction) {
         case 'hide':
+          // @ts-expect-error - Baseline 2024
           this.popoverTargetElement?.hidePopover();
           break;
         case 'show':
+          // @ts-expect-error - Baseline 2024
           this.popoverTargetElement?.showPopover();
           break;
         case 'toggle':
         default:
+          // @ts-expect-error - Baseline 2024
           this.popoverTargetElement?.togglePopover(!this.popoverOpen);
           break;
       }