wip

src/shared/notes/mentions/hashtag.tsx

@@ -7,7 +7,7 @@ export function Hashtag({ tag }: { tag: string }) {
   const setWidget = useWidgets((state) => state.setWidget);
 
   return (
-    <span
+    <div
       role="button"
       tabIndex={0}
       onClick={() =>
@@ -24,9 +24,9 @@ export function Hashtag({ tag }: { tag: string }) {
           content: tag.replace('#', ''),
         })
       }
-      className="break-words text-fuchsia-400 hover:text-fuchsia-500"
+      className="break-all text-fuchsia-400 hover:text-fuchsia-500"
     >
       {tag}
-    </span>
+    </div>
   );
 }