diff --git a/src/flyout.js b/src/flyout.js
index 2a92c1e9..43e6cd6c 100644
--- a/src/flyout.js
+++ b/src/flyout.js
@@ -366,11 +366,11 @@ export class FlyoutElement extends LitElement {
   }
 
   _showFlyout = (e) => {
-    this.opened = true;
+    this._open();
   };
 
   _hideFlyout = (e) => {
-    this.opened = false;
+    this._close();
   };
 
   connectedCallback() {