diff --git a/assets/media-icons-black/next.png b/assets/media-icons-black/next.png
index a8339d29..714b536f 100644
Binary files a/assets/media-icons-black/next.png and b/assets/media-icons-black/next.png differ
diff --git a/assets/media-icons-black/pause.png b/assets/media-icons-black/pause.png
index 2df0f58a..37ecdc4e 100644
Binary files a/assets/media-icons-black/pause.png and b/assets/media-icons-black/pause.png differ
diff --git a/assets/media-icons-black/play.png b/assets/media-icons-black/play.png
index 7a2cfa50..d86b863a 100644
Binary files a/assets/media-icons-black/play.png and b/assets/media-icons-black/play.png differ
diff --git a/assets/media-icons-black/previous.png b/assets/media-icons-black/previous.png
index 2dd278eb..c3106bcf 100644
Binary files a/assets/media-icons-black/previous.png and b/assets/media-icons-black/previous.png differ
diff --git a/src/menu.ts b/src/menu.ts
index 61fd5466..0f560e71 100644
--- a/src/menu.ts
+++ b/src/menu.ts
@@ -68,7 +68,7 @@ export const mainMenuTemplate = async (
   win: BrowserWindow,
 ): Promise<MenuTemplate> => {
   const innerRefreshMenu = () => refreshMenu(win);
-
+  const { navigationHistory } = win.webContents;
   await loadAllMenuPlugins(win);
 
   const menuResult = Object.entries(getAllMenuTemplate()).map(
@@ -610,16 +610,16 @@ export const mainMenuTemplate = async (
         {
           label: t('main.menu.navigation.submenu.go-back'),
           click() {
-            if (win.webContents.canGoBack()) {
-              win.webContents.goBack();
+            if (navigationHistory.canGoBack()) {
+              navigationHistory.goBack();
             }
           },
         },
         {
           label: t('main.menu.navigation.submenu.go-forward'),
           click() {
-            if (win.webContents.canGoForward()) {
-              win.webContents.goForward();
+            if (navigationHistory.canGoForward()) {
+              navigationHistory.goForward();
             }
           },
         },