# 💡 Tip: How to Display & Correctly in Alpha UI from Language Configuration

**URL:** https://community.neutrinos.com/t/tip-how-to-display-correctly-in-alpha-ui-from-language-configuration/1900
**Category:** Best Practices & Tutorials
**Tags:** neutrinos-alpha
**Created:** [April 6, 2026, 11:31am UTC](https://community.neutrinos.com/t/tip-how-to-display-correctly-in-alpha-ui-from-language-configuration/1900 "2026-04-06T11:31:45Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Sidharth\_K\_P](https://community.neutrinos.com/user_avatar/community.neutrinos.com/sidharth_k_p/32/140_2.png) [@Sidharth\_K\_P](https://community.neutrinos.com/u/Sidharth_K_P)
#### Post date: [April 6, 2026, 11:31am UTC](https://community.neutrinos.com/t/tip-how-to-display-correctly-in-alpha-ui-from-language-configuration/1900/1 "2026-04-06T11:31:45Z")

</div>

## 🐛 The Problem

When you use `&` in your Alpha language configuration file, the UI renders it as `&amp;` instead of `&`.

**Example:**

```auto
# In lang config
participation_and_eligibility = Participation & Eligibility

# What shows in UI ❌
Participation &amp; Eligibility

```

This happens because Angular automatically HTML-encodes the `&` character when using `{{ }}` interpolation.

* * *

## ✅ The Fix

Use the Unicode escape sequence `\u0026` instead of `&` in your language configuration file.

```auto
# In lang config
participation_and_eligibility = Participation \u0026 Eligibility

# What shows in UI ✅
Participation & Eligibility

```

That’s it! No changes needed in HTML templates or TypeScript files.

* * *

## 📋 Quick Reference

| Instead of | Use |
| --- | --- |
| `&` | `\u0026` |

* * *

## 📝 Notes

- This fix applies **only to the lang configuration file**

- Works for all keys using `{{lang.key_name}}` interpolation

- No HTML or TypeScript changes required

* * *

_Hope this saves someone the debugging time! Drop a comment if you have questions._ 🙌