diff --git a/webapp/src/components/viewHeader/viewHeader.tsx b/webapp/src/components/viewHeader/viewHeader.tsx
index 2b7957cb2..d8d5b4e1b 100644
--- a/webapp/src/components/viewHeader/viewHeader.tsx
+++ b/webapp/src/components/viewHeader/viewHeader.tsx
@@ -149,11 +149,8 @@ const ViewHeader = (props: Props) => {
                     spellCheck={true}
                     autoExpand={false}
                 />
-                <div>
-                    <MenuWrapper
-                        disabled={props.readonly}
-                        label={intl.formatMessage({id: 'ViewHeader.view-menu', defaultMessage: 'View menu'})}
-                    >
+                {!props.readonly && (<div>
+                    <MenuWrapper label={intl.formatMessage({id: 'ViewHeader.view-menu', defaultMessage: 'View menu'})}>
                         <IconButton icon={<DropdownIcon/>}/>
                         <ViewMenu
                             board={board}
@@ -164,7 +161,8 @@ const ViewHeader = (props: Props) => {
                         />
                     </MenuWrapper>
                     {showAddViewTourStep && <AddViewTourStep/>}
-                </div>
+                </div>)}
+
             </div>
 
             <div className='octo-spacer'/>