diff --git a/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx b/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx
index 50c154dcc9..d750ac7f78 100644
--- a/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx
+++ b/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx
@@ -29,6 +29,7 @@ import {
} from '../context/ranges-context'
import { isInsertOperation } from '@/utils/operations'
import { isCursorNearViewportEdge } from '@/features/source-editor/utils/is-cursor-near-edge'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
const ReviewTooltipMenu: FC = () => {
const state = useCodeMirrorStateContext()
@@ -129,18 +130,23 @@ const ReviewTooltipMenuContent: FC<{
{showChangesButtons && (
<>
-
-
+
+
+
+
+
+
+
>
)}
diff --git a/services/web/frontend/stylesheets/app/editor/review-panel-new.less b/services/web/frontend/stylesheets/app/editor/review-panel-new.less
index b455bf6d1b..e45ea94225 100644
--- a/services/web/frontend/stylesheets/app/editor/review-panel-new.less
+++ b/services/web/frontend/stylesheets/app/editor/review-panel-new.less
@@ -621,10 +621,11 @@
.review-panel-entry-hover {
.review-panel-entry-content {
- display: initial;
+ display: flex;
position: absolute;
left: -200px;
top: 0;
+ padding: @spacing-04;
}
}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss
index 1cb90a476d..71f5f77722 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss
@@ -612,10 +612,11 @@
.review-panel-entry-hover {
.review-panel-entry-content {
- display: initial;
+ display: flex;
position: absolute;
left: -200px;
top: 0;
+ padding: var(--spacing-04);
}
}