# Checkbox misaligned in Preview: Latin vs Cyrillic monospace font Mukta

**URL:** https://meta.discourse.org/t/checkbox-misaligned-in-preview-latin-vs-cyrillic-monospace-font-mukta/305221
**Category:** UX
**Tags:** checklist
**Created:** [April 24, 2024, 10:24am UTC](https://meta.discourse.org/t/checkbox-misaligned-in-preview-latin-vs-cyrillic-monospace-font-mukta/305221 "2024-04-24T10:24:06Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [April 24, 2024, 10:24am UTC](https://meta.discourse.org/t/checkbox-misaligned-in-preview-latin-vs-cyrillic-monospace-font-mukta/305221/1 "2024-04-24T10:24:06Z")

</div>

Mislianment screenshot:

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/a/0/ea042517cc9dc12e2f2c4b06bcb596adbd222615.png)

My font settings:

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/a/2/9a2a69adc8fc98433f2bbf6a36e417c4633e2467.png)

---

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [July 10, 2024, 1:45pm UTC](https://meta.discourse.org/t/checkbox-misaligned-in-preview-latin-vs-cyrillic-monospace-font-mukta/305221/2 "2024-07-10T13:45:39Z")

</div>

Is this a font problem or Discourse UI issue?

---

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [July 11, 2024, 3:31pm UTC](https://meta.discourse.org/t/checkbox-misaligned-in-preview-latin-vs-cyrillic-monospace-font-mukta/305221/3 "2024-07-11T15:31:03Z")

</div>

Looks like it is a CSS alignment problem:

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/7/1/c71fddc540fa69fc9f28d31fb9f9cbf54842539b.png)

Adding `vertical-align: middle;` to the checkbox span solves the issue:

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/9/9/f993ff0d8e89ea045fad9aea2584411c999bf645.png)

Please could you fix this.