diff --git a/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap b/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
index 49bf19dea..96d6ec147 100644
--- a/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
+++ b/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
@@ -2025,22 +2025,6 @@ exports[`components/centerPanel return centerPanel and press touch 1 with readon
             title="view title"
             value="view title"
           />
-          <div>
-            <div
-              aria-label="View menu"
-              class="MenuWrapper"
-              role="button"
-            >
-              <button
-                class="IconButton"
-                type="button"
-              >
-                <i
-                  class="CompassIcon icon-chevron-down DropdownIcon"
-                />
-              </button>
-            </div>
-          </div>
         </div>
         <div
           class="octo-spacer"
diff --git a/webapp/src/components/__snapshots__/workspace.test.tsx.snap b/webapp/src/components/__snapshots__/workspace.test.tsx.snap
index c1e09cb06..e371fc960 100644
--- a/webapp/src/components/__snapshots__/workspace.test.tsx.snap
+++ b/webapp/src/components/__snapshots__/workspace.test.tsx.snap
@@ -903,21 +903,6 @@ exports[`src/components/workspace return workspace readonly and showcard 1`] = `
                 title="view title"
                 value="view title"
               />
-              <div>
-                <div
-                  aria-label="View menu"
-                  class="MenuWrapper"
-                  role="button"
-                >
-                  <button
-                    type="button"
-                  >
-                    <i
-                      class="CompassIcon icon-chevron-down DropdownIcon"
-                    />
-                  </button>
-                </div>
-              </div>
             </div>
             <div
               class="octo-spacer"
@@ -2029,21 +2014,6 @@ exports[`src/components/workspace should match snapshot with readonly 1`] = `
                 title="view title"
                 value="view title"
               />
-              <div>
-                <div
-                  aria-label="View menu"
-                  class="MenuWrapper"
-                  role="button"
-                >
-                  <button
-                    type="button"
-                  >
-                    <i
-                      class="CompassIcon icon-chevron-down DropdownIcon"
-                    />
-                  </button>
-                </div>
-              </div>
             </div>
             <div
               class="octo-spacer"
diff --git a/webapp/src/components/viewHeader/__snapshots__/viewHeader.test.tsx.snap b/webapp/src/components/viewHeader/__snapshots__/viewHeader.test.tsx.snap
index daa39bf28..3d3279fb9 100644
--- a/webapp/src/components/viewHeader/__snapshots__/viewHeader.test.tsx.snap
+++ b/webapp/src/components/viewHeader/__snapshots__/viewHeader.test.tsx.snap
@@ -166,22 +166,6 @@ exports[`components/viewHeader/viewHeader return viewHeader readonly 1`] = `
         title="view title"
         value="view title"
       />
-      <div>
-        <div
-          aria-label="View menu"
-          class="MenuWrapper"
-          role="button"
-        >
-          <button
-            class="IconButton"
-            type="button"
-          >
-            <i
-              class="CompassIcon icon-chevron-down DropdownIcon"
-            />
-          </button>
-        </div>
-      </div>
     </div>
     <div
       class="octo-spacer"
diff --git a/webapp/src/components/viewHeader/viewHeader.tsx b/webapp/src/components/viewHeader/viewHeader.tsx
index 95dc19652..d8d5b4e1b 100644
--- a/webapp/src/components/viewHeader/viewHeader.tsx
+++ b/webapp/src/components/viewHeader/viewHeader.tsx
@@ -149,7 +149,7 @@ const ViewHeader = (props: Props) => {
                     spellCheck={true}
                     autoExpand={false}
                 />
-                <div>
+                {!props.readonly && (<div>
                     <MenuWrapper label={intl.formatMessage({id: 'ViewHeader.view-menu', defaultMessage: 'View menu'})}>
                         <IconButton icon={<DropdownIcon/>}/>
                         <ViewMenu
@@ -161,7 +161,8 @@ const ViewHeader = (props: Props) => {
                         />
                     </MenuWrapper>
                     {showAddViewTourStep && <AddViewTourStep/>}
-                </div>
+                </div>)}
+
             </div>
 
             <div className='octo-spacer'/>