diff --git a/packages/platform-rig/profiles/ui/eslint.config.json b/packages/platform-rig/profiles/ui/eslint.config.json
index 1544c9ce87..538de3db4d 100644
--- a/packages/platform-rig/profiles/ui/eslint.config.json
+++ b/packages/platform-rig/profiles/ui/eslint.config.json
@@ -58,5 +58,8 @@
         "@typescript-eslint/no-floating-promises": "warn"
       }
     }
-  ]
+  ],
+  "rules": {
+    "svelte/no-at-html-tags": "error"
+  }
 }
diff --git a/packages/ui/src/components/Html.svelte b/packages/ui/src/components/Html.svelte
index 679ac0e1a1..3e3983c665 100644
--- a/packages/ui/src/components/Html.svelte
+++ b/packages/ui/src/components/Html.svelte
@@ -13,11 +13,12 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import dompurify from 'dompurify'
+  import DOMPurify from 'dompurify'
 
   export let value: string
 
-  $: sanitized = dompurify.sanitize(value)
+  $: sanitized = DOMPurify.sanitize(value)
 </script>
 
+<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 {@html sanitized}
diff --git a/packages/ui/src/components/LinkWrapper.svelte b/packages/ui/src/components/LinkWrapper.svelte
index 5abd9a82a1..1694b4de3d 100644
--- a/packages/ui/src/components/LinkWrapper.svelte
+++ b/packages/ui/src/components/LinkWrapper.svelte
@@ -30,5 +30,6 @@
 
 {#if text}
   <!-- "replaceURLs" produces sanitazed string -->
+  <!-- eslint-disable-next-line svelte/no-at-html-tags -->
   {@html replaceURLs(text)}
 {/if}
diff --git a/packages/ui/src/components/internal/LangPopup.svelte b/packages/ui/src/components/internal/LangPopup.svelte
index 688d3ce8a0..950a5a5ba6 100644
--- a/packages/ui/src/components/internal/LangPopup.svelte
+++ b/packages/ui/src/components/internal/LangPopup.svelte
@@ -16,6 +16,7 @@
   import { createEventDispatcher } from 'svelte'
   import Label from '../Label.svelte'
   import IconCheck from '../icons/Check.svelte'
+  import Html from '../Html.svelte'
 
   export let langs: any
   export let selected: string
@@ -34,7 +35,7 @@
         dispatch('close', lang.id)
       }}
     >
-      <div class="svg-16px flex-no-shrink text-16px mr-2">{@html lang.logo}</div>
+      <div class="svg-16px flex-no-shrink text-16px mr-2"><Html value={lang.logo} /></div>
       <span class="overflow-label flex-grow"><Label label={lang.label} /></span>
       <div class="ap-check">
         {#if lang.id === selected}
diff --git a/packages/ui/src/components/internal/LangSelector.svelte b/packages/ui/src/components/internal/LangSelector.svelte
index 2d78ed7b48..9906bd98ec 100644
--- a/packages/ui/src/components/internal/LangSelector.svelte
+++ b/packages/ui/src/components/internal/LangSelector.svelte
@@ -17,6 +17,7 @@
   import { getMetadata } from '@hcengineering/platform'
   import ui, { showPopup, deviceOptionsStore as deviceInfo } from '../..'
   import LangPopup from './LangPopup.svelte'
+  import Html from '../Html.svelte'
 
   let pressed: boolean = false
 
@@ -70,5 +71,7 @@
   class:pressed
   on:click={selectLanguage}
 >
-  {@html selected?.logo}
+  {#if selected}
+    <Html value={selected.logo} />
+  {/if}
 </button>
diff --git a/plugins/calendar-resources/src/components/IntegrationConnect.svelte b/plugins/calendar-resources/src/components/IntegrationConnect.svelte
index 6f5b59f394..c729f09749 100644
--- a/plugins/calendar-resources/src/components/IntegrationConnect.svelte
+++ b/plugins/calendar-resources/src/components/IntegrationConnect.svelte
@@ -14,7 +14,7 @@
 -->
 <script lang="ts">
   import { getMetadata, translate } from '@hcengineering/platform'
-  import { Button, IconClose, Label, themeStore } from '@hcengineering/ui'
+  import { Button, Html, IconClose, Label, themeStore } from '@hcengineering/ui'
   import { createEventDispatcher } from 'svelte'
   import calendar from '../plugin'
   import { concatLink } from '@hcengineering/core'
@@ -72,7 +72,7 @@
       <Label label={calendar.string.RedirectGoogle} />
     </div>
     <div class="mt-2">
-      {@html label}
+      <Html value={label} />
     </div>
 
     <img class="image" src={getMetadata(calendar.image.Permissions)} alt="" />
diff --git a/plugins/controlled-documents-resources/src/components/document/right-panel/DocumentApprovalItem.svelte b/plugins/controlled-documents-resources/src/components/document/right-panel/DocumentApprovalItem.svelte
index c5f0a449f1..56ed0fb901 100644
--- a/plugins/controlled-documents-resources/src/components/document/right-panel/DocumentApprovalItem.svelte
+++ b/plugins/controlled-documents-resources/src/components/document/right-panel/DocumentApprovalItem.svelte
@@ -148,7 +148,7 @@
         {/key}
       </div>
       {#if rejectingMessage !== undefined && approver.approved === 'rejected'}
-        <div class="reject-message">{@html rejectingMessage}</div>
+        <div class="reject-message">{rejectingMessage}</div>
       {/if}
     {/each}
   </div>
diff --git a/plugins/diffview-resources/src/components/FileDiffContent.svelte b/plugins/diffview-resources/src/components/FileDiffContent.svelte
index 02664d4fae..2ee57c4d4b 100644
--- a/plugins/diffview-resources/src/components/FileDiffContent.svelte
+++ b/plugins/diffview-resources/src/components/FileDiffContent.svelte
@@ -13,7 +13,7 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { Loading, themeStore } from '@hcengineering/ui'
+  import { Html, Loading, themeStore } from '@hcengineering/ui'
   import { DiffFile, DiffLine, DiffLineType, DiffViewMode } from '@hcengineering/diffview'
 
   import { DiffLineRenderResult, RenderOptions, renderHunk } from '../highlight'
@@ -110,7 +110,7 @@
                 <td class="num-line {lineClass}">{line.oldNumber ?? ''}</td>
                 <td class="num-line {lineClass}">{line.newNumber ?? ''}</td>
                 <td class="code-line select-text {lineClass}" data-code-marker={line.prefix}>
-                  {@html line.content}
+                  <Html value={line.content} />
                 </td>
               </tr>
             {/each}
@@ -130,11 +130,11 @@
               <tr>
                 <td class="num-line {beforeLineClass}">{before.oldNumber ?? ''}</td>
                 <td class="code-line select-text {beforeLineClass}" data-code-marker={before.prefix}>
-                  {@html before.content}
+                  <Html value={before.content} />
                 </td>
                 <td class="num-line {afterLineClass}">{after.newNumber ?? ''}</td>
                 <td class="code-line select-text {afterLineClass}" data-code-marker={after.prefix}>
-                  {@html after.content}
+                  <Html value={after.content} />
                 </td>
               </tr>
             {/each}
diff --git a/plugins/gmail-resources/src/components/Connect.svelte b/plugins/gmail-resources/src/components/Connect.svelte
index 26e38ed9ee..f92fe46530 100644
--- a/plugins/gmail-resources/src/components/Connect.svelte
+++ b/plugins/gmail-resources/src/components/Connect.svelte
@@ -15,7 +15,7 @@
 -->
 <script lang="ts">
   import { getMetadata, translate } from '@hcengineering/platform'
-  import { Button, IconClose, Label, themeStore } from '@hcengineering/ui'
+  import { Button, Html, IconClose, Label, themeStore } from '@hcengineering/ui'
   import { createEventDispatcher } from 'svelte'
   import gmail from '../plugin'
   import { concatLink } from '@hcengineering/core'
@@ -70,7 +70,7 @@
   <div class="content">
     <Label label={gmail.string.RedirectGoogle} />
     <div class="mt-2">
-      {@html label}
+      <Html value={label} />
     </div>
 
     <div class="footer">
diff --git a/plugins/view-resources/src/components/linkPresenters/YoutubePresenter.svelte b/plugins/view-resources/src/components/linkPresenters/YoutubePresenter.svelte
index 1ff6a7d20e..dcb7ebc1d4 100644
--- a/plugins/view-resources/src/components/linkPresenters/YoutubePresenter.svelte
+++ b/plugins/view-resources/src/components/linkPresenters/YoutubePresenter.svelte
@@ -14,7 +14,7 @@
 -->
 <script lang="ts">
   import Play from '../icons/Play.svelte'
-  import { getPlatformColor, themeStore } from '@hcengineering/ui'
+  import { Html, getPlatformColor, themeStore } from '@hcengineering/ui'
 
   export let href: string
   const maxWidth = 400
@@ -75,7 +75,7 @@
         </div>
       {:else}
         <div bind:this={emb}>
-          {@html data.html}
+          <Html value={data.html} />
         </div>
       {/if}
     </div>
