# How to change UI Label's text size

**URL:** <https://support.prodi.gy/t/how-to-change-ui-labels-text-size/6493>\
**Category:** Uncategorized\
**Tags:** usage, front-end\
**Created:** [April 13, 2023, 12:18pm UTC](https://support.prodi.gy/t/how-to-change-ui-labels-text-size/6493 "2023-04-13T12:18:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ngawangtrinley](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/ngawangtrinley/32/3506_2.png) [@ngawangtrinley](https://support.prodi.gy/u/ngawangtrinley)\
**Post date:** [April 13, 2023, 12:18pm UTC](https://support.prodi.gy/t/how-to-change-ui-labels-text-size/6493/1 "2023-04-13T12:18:07Z")

</div>

So we have used the prodigy to annotate image but after the annotation, we stream the annotation spans to another prodigy instance so another person can review the annotations but we have been facing problem as the labels text in the annotations are too big that it is actually covering the actual image annotation area so it creating a problem for the reviewers to actually review it. I have tried changing the global\_css pixel value in the configuration but that didnt help at all. In the Below image Both the margin and Text-Area are too big that it is covering too much of the actual image.

 ![Screenshot 2023-04-13 at 5.42.08 PM](https://us1.discourse-cdn.com/flex020/uploads/prodigy/original/2X/f/f72d1e19b9c84ae8b35da322ae0ef76350a9e0b0.png)

Below is our configuration file

```python
{
    "theme": "basic",
    "custom_theme": { "cardMaxWidth": 2000 },
    "buttons": ["accept", "reject", "ignore", "undo"],
    "batch_size": 10,
    "history_size": 10,
    "port": 8010,
    "host": "localhost",
    "cors": true,
    "db": "sqlite",
    "db_settings": {
      "sqlite": {
        "name": "layout_analysis_01.sqlite",
        "path": "/usr/local/prodigy"
      }
    },
    "validate": true,
    "auto_exclude_current": true,
    "instant_submit": true,
    "feed_overlap": false,
    "auto_count_stream": false,
    "total_examples_target": 0,
    "ui_lang": "en",
    "project_info": ["dataset", "session", "lang", "recipe_name", "view_id", "label"],
    "show_stats": false,
    "hide_meta": false,
    "show_flag": false,
    "instructions": false,
    "swipe": false,
    "swipe_gestures": { "left": "accept", "right": "reject" },
    "split_sents_threshold": false,
    "html_template": false,
    "global_css": null,
    "javascript": null,
    "writing_dir": "ltr",
    "show_whitespace": false,
    "exclude_by": "task"
  }

```

---

<div class="post-metadata">

**Author:** ![koaning](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/koaning/32/230_2.png) [@koaning](https://support.prodi.gy/u/koaning)\
**Post date:** [April 14, 2023, 8:20am UTC](https://support.prodi.gy/t/how-to-change-ui-labels-text-size/6493/2 "2023-04-14T08:20:32Z")

</div>

Hi there!

> [@ngawangtrinley](#):
>
> so another person can review the annotations

Just to confirm, are you using the [review recipe](https://prodi.gy/docs/recipes/#review) for this?

If you're using the manual image recipe you can manually turn the labels on and off from the interface. Here's what it looks like, per [demo widget on the docs](https://prodi.gy/docs/api-interfaces#image).

![CleanShot 2023-04-14 at 10.19.40](https://us1.discourse-cdn.com/flex020/uploads/prodigy/original/2X/e/e0d84d0e246cc18601ebfe6116f69f590aafa480.gif)

Does this suffice?

---

<div class="post-metadata">

**Author:** ![ngawangtrinley](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/ngawangtrinley/32/3506_2.png) [@ngawangtrinley](https://support.prodi.gy/u/ngawangtrinley)\
**Post date:** [June 8, 2023, 12:11pm UTC](https://support.prodi.gy/t/how-to-change-ui-labels-text-size/6493/3 "2023-06-08T12:11:38Z")

</div>

yes it does thanks