diff --git a/core/css/public.scss b/core/css/public.scss
index 1b55d9d12d..6ec22cbc6d 100644
--- a/core/css/public.scss
+++ b/core/css/public.scss
@@ -11,6 +11,16 @@ $footer-height: 65px;
 			ul li {
 				min-width: 270px;
 			}
+			#header-actions-toggle {
+				background-color: transparent;
+				border-color: transparent;
+
+				&:hover,
+				&:focus,
+				&:active {
+					opacity: 1;
+				}
+			}
 			#save-external-share {
 				form {
 					display: flex;
diff --git a/core/templates/layout.public.php b/core/templates/layout.public.php
index bbfa264d17..996b78a922 100644
--- a/core/templates/layout.public.php
+++ b/core/templates/layout.public.php
@@ -61,7 +61,7 @@
 			</span>
 			<?php if($template->getActionCount() > 1) { ?>
 			<div id="header-secondary-action">
-				<span id="header-actions-toggle" class="menutoggle icon-more-white"></span>
+				<button id="header-actions-toggle" class="menutoggle icon-more-white"></button>
 				<div id="header-actions-menu" class="popovermenu menu">
 					<ul>
 						<?php