fix: styling on tooltip

Author: gjulivan

packages/pluggableWidgets/rich-text-web/src/ui/RichText.scss

@@ -13,6 +13,13 @@ $rte-brand-primary: #264ae5;
     .ql-container {
         border: unset;
         overflow: hidden;
+
+        .ql-tooltip {
+            position: fixed;
+            width: max-content;
+            left: 0;
+            z-index: 1;
+        }
     }
 
     &.fullscreen {

packages/pluggableWidgets/rich-text-web/src/utils/themes/mxTooltip.ts

@@ -86,7 +86,7 @@ export default class MxTooltip extends BaseTooltip {
 
     setPosition(domNode: HTMLElement): void {
         computePosition(domNode, this.root, {
-            placement: "bottom",
+            placement: "bottom-end",
             middleware: [flip(), shift({ padding: 5 })]
         }).then(({ x, y }) => {
             Object.assign(this.root.style, {