diff --git a/package.json b/package.json
index 5cf77e9..933acff 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lottiefiles/svelte-lottie-player",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "svelte": "src/components/index.js",
   "module": "dist/index.mjs",
   "main": "dist/index.js",
diff --git a/src/components/Controls.svelte b/src/components/Controls.svelte
index f905f32..4993549 100644
--- a/src/components/Controls.svelte
+++ b/src/components/Controls.svelte
@@ -318,6 +318,8 @@
         class=""
         on:mouseout="{() => currentState === PlayerState.Frozen && play()}"
         on:mouseover="{() => currentState !== PlayerState.Paused && freeze()}"
+        on:blur
+        on:focus
       >
         <Popover color="#fff" on:mousewheel="{e => seek(frame + (e.deltaY > 0 ? -1 : 1))}">
           <div class="btn" slot="target">
@@ -404,6 +406,8 @@
           on:mouseover="{() => currentState !== PlayerState.Paused && freeze()}"
           on:input="{e => seek(e.target.value)}"
           on:mousewheel="{e => seek(frame + (e.deltaY > 0 ? -1 : 1))}"
+          on:blur
+          on:focus
         />
       </div>
     {:else if item === 'nextFrame'}
diff --git a/src/components/Popover.svelte b/src/components/Popover.svelte
index 7ff27d3..6625bdc 100644
--- a/src/components/Popover.svelte
+++ b/src/components/Popover.svelte
@@ -84,6 +84,8 @@
   on:mousedown
   on:mouseover={show}
   on:mouseout={hide}
+  on:blur
+  on:focus
   on:mouseup
   on:mousewheel>
   <div bind:this={_triggerRef}>