diff --git a/cypress/integration/files-shares.spec.js b/cypress/integration/files-shares.spec.js
index d803f36a1..32d95bf7f 100644
--- a/cypress/integration/files-shares.spec.js
+++ b/cypress/integration/files-shares.spec.js
@@ -98,7 +98,7 @@ describe('Files default view', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('not.be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('not.be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/image-small.png.spec.js b/cypress/integration/image-small.png.spec.js
index e5b73b79e..f5effdc5f 100644
--- a/cypress/integration/image-small.png.spec.js
+++ b/cypress/integration/image-small.png.spec.js
@@ -59,7 +59,7 @@ describe('Open image-small.png in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image-small.png')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/image.gif.spec.js b/cypress/integration/image.gif.spec.js
index 1bf517055..f872465fa 100644
--- a/cypress/integration/image.gif.spec.js
+++ b/cypress/integration/image.gif.spec.js
@@ -60,7 +60,7 @@ describe('Open image.gif in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image.gif')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/image.svg.spec.js b/cypress/integration/image.svg.spec.js
index 27b90b371..dbd309779 100644
--- a/cypress/integration/image.svg.spec.js
+++ b/cypress/integration/image.svg.spec.js
@@ -60,7 +60,7 @@ describe('Open image.svg in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image.svg')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/images-custom-list-loadmore.spec.js b/cypress/integration/images-custom-list-loadmore.spec.js
index 79663c7a7..961fd1926 100644
--- a/cypress/integration/images-custom-list-loadmore.spec.js
+++ b/cypress/integration/images-custom-list-loadmore.spec.js
@@ -131,7 +131,7 @@ describe('Open custom list of images in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/images-custom-list.spec.js b/cypress/integration/images-custom-list.spec.js
index 4c6f7eaff..1382483a4 100644
--- a/cypress/integration/images-custom-list.spec.js
+++ b/cypress/integration/images-custom-list.spec.js
@@ -98,7 +98,7 @@ describe('Open images in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
@@ -139,7 +139,7 @@ describe('Open images in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image3.jpg')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
@@ -173,7 +173,7 @@ describe('Open images in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/images.spec.js b/cypress/integration/images.spec.js
index 0eaab633e..165f24616 100644
--- a/cypress/integration/images.spec.js
+++ b/cypress/integration/images.spec.js
@@ -68,7 +68,7 @@ describe('Open images in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/sidebar.spec.js b/cypress/integration/sidebar.spec.js
index 1699a7f9f..a6346cc8f 100644
--- a/cypress/integration/sidebar.spec.js
+++ b/cypress/integration/sidebar.spec.js
@@ -69,7 +69,7 @@ describe('Open the sidebar', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
@@ -78,10 +78,10 @@ describe('Open the sidebar', function() {
 	})
 
 	it('Open the sidebar', function() {
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').click()
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').click()
 		cy.get('aside#app-sidebar').should('be.visible')
 		// we hide the sidebar button if opened
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('not.be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('not.be.visible')
 		// check the sidebar is opened for the correct file
 		cy.get('aside#app-sidebar .app-sidebar-header .app-sidebar-header__title').should('contain', 'image1.jpg')
 		// check we indeed have a preview
@@ -141,7 +141,7 @@ describe('Open the sidebar', function() {
 	it('Close the sidebar', function() {
 		cy.get('aside#app-sidebar .app-sidebar-header .app-sidebar__close').click()
 		cy.get('aside#app-sidebar').should('not.be.visible')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 	})
 
 	it('Open the viewer with the sidebar open', function() {
@@ -161,7 +161,7 @@ describe('Open the sidebar', function() {
 		// close the sidebar again
 		cy.get('aside#app-sidebar .app-sidebar-header .app-sidebar__close').click()
 		cy.get('aside#app-sidebar').should('not.be.visible')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 	})
 
 	it('Does not have any visual regression 5', function() {
diff --git a/cypress/integration/video.mkv.spec.js b/cypress/integration/video.mkv.spec.js
index 81c13c8c3..1a5376b96 100644
--- a/cypress/integration/video.mkv.spec.js
+++ b/cypress/integration/video.mkv.spec.js
@@ -59,7 +59,7 @@ describe('Open video.mkv in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'video.mkv')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/video.mp4.spec.js b/cypress/integration/video.mp4.spec.js
index 291b496b1..6c286eb58 100644
--- a/cypress/integration/video.mp4.spec.js
+++ b/cypress/integration/video.mp4.spec.js
@@ -59,7 +59,7 @@ describe('Open video1.mp4 in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'video1.mp4')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/video.ogv.spec.js b/cypress/integration/video.ogv.spec.js
index 0f4f9679e..932ac2770 100644
--- a/cypress/integration/video.ogv.spec.js
+++ b/cypress/integration/video.ogv.spec.js
@@ -59,7 +59,7 @@ describe('Open video.ogv in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'video.ogv')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/video.webm.spec.js b/cypress/integration/video.webm.spec.js
index 5c590be6e..1b6672077 100644
--- a/cypress/integration/video.webm.spec.js
+++ b/cypress/integration/video.webm.spec.js
@@ -59,7 +59,7 @@ describe('Open video.webm in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'video.webm')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/videos.spec.js b/cypress/integration/videos.spec.js
index 4460d82e2..bbc2e0b9d 100644
--- a/cypress/integration/videos.spec.js
+++ b/cypress/integration/videos.spec.js
@@ -55,7 +55,7 @@ describe('Open mp4 videos in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'video1.mp4')
-		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/src/assets/info-white.svg b/src/assets/info-white.svg
deleted file mode 100644
index 5c3573b19..000000000
--- a/src/assets/info-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="16" height="16" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m7.75 1a1.75 1.75 0 0 0-1.75 1.75 1.75 1.75 0 0 0 1.75 1.75 1.75 1.75 0 0 0 1.75-1.75 1.75 1.75 0 0 0-1.75-1.75zm-2.75 5c-0.554 0-1 0.446-1 1s0.446 1 1 1h2v5h-2c-0.554 0-1 0.446-1 1s0.446 1 1 1h6c0.554 0 1-0.446 1-1s-0.446-1-1-1h-2v-6c0-0.554-0.446-1-1-1h-3z" fill="#fff"/></svg>
diff --git a/src/assets/menu-sidebar-white.svg b/src/assets/menu-sidebar-white.svg
new file mode 100644
index 000000000..fdc4c8cb3
--- /dev/null
+++ b/src/assets/menu-sidebar-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewbox="0 0 16 16"><path d="m2 2c-0.554 0-1 0.446-1 1s0.446 1 1 1h12c0.554 0 1-0.446 1-1s-0.446-1-1-1h-12zm9.717 4.0059c-1.247 0-2.1428 1.0199-2.1428 1.998 0 0.9995 0.0726 1.7127 0.5718 2.4981 0.16 0.207 0.347 0.251 0.5 0.43 0.097 0.357 0.171 0.713 0.071 1.07-0.311 0.109-0.607 0.237-0.9065 0.357-0.364-0.195-0.7863-0.357-1.1503-0.5-0.05-0.2-0.0129-0.347 0.0371-0.535 0.0856-0.089 0.163-0.129 0.2558-0.215 0.2642-0.321 0.2793-0.864 0.2793-1.2496 0-0.5712-0.5135-0.9981-1.0703-0.9981-0.6211 0-1.0723 0.5126-1.0723 0.9981h-0.0136c0 0.4996 0.0353 0.8576 0.2851 1.2496 0.0714 0.107 0.1729 0.126 0.25 0.215 0.0481 0.179 0.0859 0.357 0.0352 0.535-0.4569 0.16-0.8863 0.357-1.2832 0.571-0.2999 0.214-0.1668 0.131-0.3574 0.822-0.0886 0.357 0.928 0.521 1.6562 0.578-0.0357 0.196-0.0857 0.457-0.2285 0.957-0.2285 0.893 3.1074 1.213 4.2834 1.213 1.735 0 4.507-0.325 4.269-1.213-0.371-1.385-0.15-1.221-0.701-1.642-0.778-0.467-1.749-0.834-2.568-1.143-0.107-0.398-0.03-0.692 0.07-1.07 0.168-0.179 0.357-0.259 0.514-0.43 0.492-0.6312 0.556-1.7299 0.556-2.4981 0-1.1323-1.019-1.998-2.14-1.998zm-9.717 0.9941c-0.554 0-1 0.446-1 1s0.446 1 1 1h4.2852c0.0891-0.1855 0.2-0.3648 0.3515-0.5195 0.3721-0.3801 0.9171-0.5988 1.4883-0.6192h0.0098 0.0097c0.1729 0.017 0.3042 0.0597 0.4297 0.1426 0-0.3488 0.0747-0.6853 0.1953-1.0039h-6.7695zm0 5c-0.554 0-1 0.446-1 1s0.446 1 1 1h3.25c-0.0375-0.049-0.0777-0.09-0.1113-0.152-0.1221-0.228-0.1706-0.568-0.1035-0.838l0.0019-0.012 0.0039-0.012c0.0822-0.298 0.0556-0.322 0.1445-0.615 0.0313-0.103 0.1114-0.245 0.1993-0.371h-3.3848z" fill="#fff"/></svg>
diff --git a/src/views/Viewer.vue b/src/views/Viewer.vue
index 658f53b8c..72fb5a543 100644
--- a/src/views/Viewer.vue
+++ b/src/views/Viewer.vue
@@ -43,7 +43,7 @@
 		<template #actions>
 			<ActionButton
 				v-if="Sidebar && !isSidebarShown"
-				icon="icon-info-white-forced"
+				icon="icon-menu-sidebar-white-forced"
 				@click="showSidebar">
 				{{ t('viewer', 'Open sidebar') }}
 			</ActionButton>
@@ -694,8 +694,8 @@ export default {
 }
 
 // force white icon
-.icon-info-white-forced {
-	background-image: url('~Assets/info-white.svg');
+.icon-menu-sidebar-white-forced {
+	background-image: url('~Assets/menu-sidebar-white.svg');
 }
 
 .file-view {