diff --git a/src/popup/PopupComponent.tsx b/src/popup/PopupComponent.tsx
index 02798c80..3a33e1e6 100644
--- a/src/popup/PopupComponent.tsx
+++ b/src/popup/PopupComponent.tsx
@@ -103,15 +103,18 @@ export const PopupComponent = () => {
             <button id="refreshSegmentsButton" title={chrome.i18n.getMessage("refreshSegments")} onClick={(e) => {
                 const stopAnimation = AnimationUtils.applyLoadingAnimation(e.currentTarget, 0.3);
 
-                loadSegments({
-                    updating: true,
-                    setStatus,
-                    setChannelWhitelisted,
-                    setVideoID,
-                    setCurrentTime,
-                    setSegments,
-                    setLoopedChapter
-                }).then(() => stopAnimation());
+                sendMessage({ message: "refreshSegments" }).then(() => {
+                    loadSegments({
+                        updating: true,
+                        setStatus,
+                        setChannelWhitelisted,
+                        setVideoID,
+                        setCurrentTime,
+                        setSegments,
+                        setLoopedChapter
+                    }).then(() => stopAnimation());
+                });
+
             }}>
                 <img src="/icons/refresh.svg" alt="Refresh icon" id="refreshSegments" />
             </button>