(fix) O3-5194: Tooltip overflow and alignment issues in Translation Builder and Interactive Builder (#1015)

sourav-jyoti · NethmiRodrigo · web-flow · commit 4e2b5f9ffb15 · 2026-01-22T12:04:12.000Z
Co-authored-by: Nethmi Rodrigo &lt;nethmi@openmrs.org&gt;
diff --git a/src/components/interactive-builder/interactive-builder.scss b/src/components/interactive-builder/interactive-builder.scss
@@ -6,6 +6,7 @@
   overflow-y: scroll;
   overflow-x: hidden;
   height: 95vh;
+  padding-right: layout.$spacing-07;
   :global(.cds--modal-content:focus) {
     outline: none;
   }
@@ -56,6 +57,7 @@
   display: flex;
   justify-content: space-between;
   margin: layout.$spacing-02 layout.$spacing-03;
+  padding-right: layout.$spacing-03;
   align-items: center;
   width: 100%;
 }
diff --git a/src/components/translation-builder/translation-builder.module.scss b/src/components/translation-builder/translation-builder.module.scss
@@ -5,6 +5,7 @@
   overflow-y: scroll;
   overflow-x: hidden;
   height: 95vh;
+  padding-right: layout.$spacing-05;
 }
 
 .title {
@@ -42,6 +43,7 @@
     display: flex;
     align-items: center;
     gap: layout.$spacing-03;
+    margin: 0 layout.$spacing-06 0 layout.$spacing-06;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,7 @@`
`5`	`5`	`overflow-y: scroll;`
`6`	`6`	`overflow-x: hidden;`
`7`	`7`	`height: 95vh;`
	`8`	`+ padding-right: layout.$spacing-05;`
`8`	`9`	`}`
`9`	`10`
`10`	`11`	`.title {`
`@@ -42,6 +43,7 @@`
`42`	`43`	`display: flex;`
`43`	`44`	`align-items: center;`
`44`	`45`	`gap: layout.$spacing-03;`
	`46`	`+ margin: 0 layout.$spacing-06 0 layout.$spacing-06;`
`45`	`47`	`}`
`46`	`48`	`}`
`47`	`49`