diff --git a/app/theme/client/imports/general/base_old.css b/app/theme/client/imports/general/base_old.css
index d38122e755090..0b2e791a5cc65 100644
--- a/app/theme/client/imports/general/base_old.css
+++ b/app/theme/client/imports/general/base_old.css
@@ -1310,13 +1310,12 @@
 }
 
 .rc-old .container-bars {
-	position: absolute;
+	position: relative;
 	z-index: 2;
-	top: 5px; /* --header-height */
-	right: 10px;
-	left: 10px;
+	
+	margin: 5px 10px 0;
 
-	display: flex;
+	display: none;
 	visibility: hidden;
 	overflow: hidden;
 	flex-direction: column;
@@ -1334,6 +1333,7 @@
 	font-weight: bold;
 
 	&.show {
+		display: flex;
 		visibility: visible;
 
 		transform: translateY(0);
diff --git a/client/views/room/Announcement/Announcement.js b/client/views/room/Announcement/Announcement.js
index 3036c95d449c9..d97966e0703f1 100644
--- a/client/views/room/Announcement/Announcement.js
+++ b/client/views/room/Announcement/Announcement.js
@@ -33,7 +33,11 @@ export const Announcement = ({ children, onClickOpen }) => {
 export default ({ announcement, announcementDetails }) => {
 	const setModal = useSetModal();
 	const closeModal = useMutableCallback(() => setModal());
-	const handleClick = () => {
+	const handleClick = (e) => {
+		if (e.target.href) {
+			return;
+		}
+
 		if (window.getSelection().toString() !== '') {
 			return;
 		}