diff --git a/components.js b/components.js
index 97ee63f..d6a044a 100644
--- a/components.js
+++ b/components.js
@@ -1395,7 +1395,7 @@ customElements.define('sm-popup', class extends HTMLElement {
                 }
             }
         });
-        resizeObserver.observe(this);
+        this.resizeObserver.observe(this);
 
         this.mutationObserver = new MutationObserver(entries => {
             this.updateFocusableList()
diff --git a/index.html b/index.html
index 05a7a69..cf0a204 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,7 @@
         rel="stylesheet">
     <script src="purify.min.js" defer></script>
     <script src="https://cdn.jsdelivr.net/npm/fuse.js@6.4.6" defer></script>
+    <script src="https://cdn.jsdelivr.net/npm/resize-observer-polyfill@1.5.1/dist/ResizeObserver.min.js"></script>
     <script id="floGlobals">
         /* Constants for FLO blockchain operations !!Make sure to add this at begining!! */
         const floGlobals = {