From de154ffba98da20152f5327f82a5b3f14d89ac68 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 26 Mar 2024 16:39:31 +0000
Subject: [PATCH] Fix space topic jumping on hover/focus (#12377)

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 src/components/views/elements/RoomTopic.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/views/elements/RoomTopic.tsx b/src/components/views/elements/RoomTopic.tsx
index 35eb72515f..8f69f3c61e 100644
--- a/src/components/views/elements/RoomTopic.tsx
+++ b/src/components/views/elements/RoomTopic.tsx
@@ -36,7 +36,7 @@ interface IProps extends React.HTMLProps<HTMLDivElement> {
     room: Room;
 }
 
-export default function RoomTopic({ room, ...props }: IProps): JSX.Element {
+export default function RoomTopic({ room, className, ...props }: IProps): JSX.Element {
     const client = useContext(MatrixClientContext);
     const ref = useRef<HTMLDivElement>(null);
 
@@ -110,15 +110,13 @@ export default function RoomTopic({ room, ...props }: IProps): JSX.Element {
         }
     });
 
-    const className = classNames(props.className, "mx_RoomTopic");
-
     return (
         <TooltipTarget
             {...props}
             ref={ref}
             onClick={onClick}
             dir="auto"
-            tooltipTargetClassName={className}
+            tooltipTargetClassName={classNames(className, "mx_RoomTopic")}
             label={_t("room|read_topic")}
             alignment={Alignment.Bottom}
             ignoreHover={ignoreHover}