diff --git a/projects/common/components/ui-elements/text.component.ts b/projects/common/components/ui-elements/text.component.ts
index 3b5d05de511ddbeba2f970ec68ac46599a5fd732..14f6f947cd90c2fe6332d9aab3b47be4646cd7d7 100644
--- a/projects/common/components/ui-elements/text.component.ts
+++ b/projects/common/components/ui-elements/text.component.ts
@@ -46,7 +46,8 @@ import { TextElement, ValueChangeElement } from '../../interfaces/elements';
     '::ng-deep .text-container h3 {font-weight: bold; font-size: 16px;}',
     '::ng-deep .text-container h4 {font-weight: normal; font-size: 16px;}',
     ':host ::ng-deep mark {color: inherit}',
-    'sup, sub {line-height: 0;}'
+    '::ng-deep sup {vertical-align: baseline; position: relative; top: -0.4em;}',
+    '::ng-deep sub {vertical-align: baseline; position: relative; top: 0.4em;}'
   ]
 })
 export class TextComponent extends ElementComponent {