# No update to interface after changing relationHeightWrap value in prodigy.json file

**URL:** <https://support.prodi.gy/t/no-update-to-interface-after-changing-relationheightwrap-value-in-prodigy-json-file/3874>\
**Category:** Uncategorized\
**Tags:** usage, front-end, relations\
**Created:** [February 10, 2021, 5:24pm UTC](https://support.prodi.gy/t/no-update-to-interface-after-changing-relationheightwrap-value-in-prodigy-json-file/3874 "2021-02-10T17:24:15Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![madDuarte](https://avatars.discourse-cdn.com/v4/letter/m/a587f6/32.png) [@madDuarte](https://support.prodi.gy/u/madDuarte)\
**Post date:** [February 10, 2021, 5:24pm UTC](https://support.prodi.gy/t/no-update-to-interface-after-changing-relationheightwrap-value-in-prodigy-json-file/3874/1 "2021-02-10T17:24:15Z")

</div>

Good afternoon,

I was trying to modify the height of the spaces between the lines with the wrap in the relations interface (i am using the ner.manual). I found my prodigy.json file which was empty and changed it to:

{

"relationHeightWrap": 50

}

I also defined the PRODIGY\_HOME to the directory in which my prodigy.json file is in. So I am not really understanding why when I run my script that does:

prodigy.serve('rel.manual dataset pt\_core\_news\_sm ./input\_file.jsonl -l ' + relations + ' --span-label ' + spans, host=h , port=p, show\_flag=True)

the relationHeightWrap did not change. Could you tell me what I am doing wrong or what I might be forgetting to do?

Best regards,

Maria Duarte

---

<div class="post-metadata">

**Author:** ![ines](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/ines/32/3_2.png) [@ines](https://support.prodi.gy/u/ines)\
**Post date:** [February 10, 2021, 10:54pm UTC](https://support.prodi.gy/t/no-update-to-interface-after-changing-relationheightwrap-value-in-prodigy-json-file/3874/2 "2021-02-10T22:54:34Z")

</div>

Hi! The `relationHeightWrap` setting is a [theme setting](https://prodi.gy/docs/api-web-app#themes), so it should go under "custom\_theme". So if you change your `prodigy.json` like this, it should work 🙂

```json
{
    "custom_theme": {
        "relationHeightWrap": 50
    }
}

```

---

<div class="post-metadata">

**Author:** ![madDuarte](https://avatars.discourse-cdn.com/v4/letter/m/a587f6/32.png) [@madDuarte](https://support.prodi.gy/u/madDuarte)\
**Post date:** [March 1, 2021, 9:56am UTC](https://support.prodi.gy/t/no-update-to-interface-after-changing-relationheightwrap-value-in-prodigy-json-file/3874/3 "2021-03-01T09:56:22Z")

</div>

> [@ines](#):
>
> ```python
> {
> "custom_theme": {
> "relationHeightWrap": 50
> }
> }
> 
> ```

Thank you for your reply! I wanted to change the height to make the lines in the text closer to each other. I did like you said, and it did change the height.

It change from this:

 ![Captura de ecrã 2021-03-01, às 09.49.57](https://us1.discourse-cdn.com/flex020/uploads/prodigy/original/2X/3/3f079a8f5e4eadc4edbba5959ee8395a08938860.png)

To this:

 ![Captura de ecrã 2021-03-01, às 09.50.20](https://us1.discourse-cdn.com/flex020/uploads/prodigy/original/2X/7/78877affb01f23f73818f57347fed8d1b5dc4bbc.png)

Each line in the text is now closer to each other (so the height became smaller), but for some reason the width of the box also changed. Is there a way to make the width the same as before, while the lines of the text stay with the smaller height?

Kind Regards,  
Maria Duarte

---

<div class="post-metadata">

**Author:** ![ines](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/ines/32/3_2.png) [@ines](https://support.prodi.gy/u/ines)\
**Post date:** [March 2, 2021, 12:17am UTC](https://support.prodi.gy/t/no-update-to-interface-after-changing-relationheightwrap-value-in-prodigy-json-file/3874/4 "2021-03-02T00:17:32Z")

</div>

Ah, sorry about this – this behaviour is definitely unintuitive! Prodigy doesn't currently deep-merge the theme settings, so in this case, overwriting the `custom_theme` setting also overwrote the recipe default, `"cardMaxWidth": "90%"`.

So in your config, you can do:

```python
{
    "custom_theme": {
        "relationHeightWrap": 50,
        "cardMaxWidth": "90%"
    }
}

```

We should probably just deep-merge the theme settings in the future to prevent this!

---

<div class="post-metadata">

**Author:** ![griff4692](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/griff4692/32/2888_2.png) [@griff4692](https://support.prodi.gy/u/griff4692)\
**Post date:** [April 6, 2022, 3:32pm UTC](https://support.prodi.gy/t/no-update-to-interface-after-changing-relationheightwrap-value-in-prodigy-json-file/3874/5 "2022-04-06T15:32:14Z")

</div>

Hi - thanks for sharing this. Unfortunately, I'm getting the error

> custom\_theme extra fields not permitted

and my recipe config looks like

`'custom_theme': {'cardMaxWidth': '95%'}`

---

<div class="post-metadata">

**Author:** ![ljvmiranda921](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/ljvmiranda921/32/3197_2.png) [@ljvmiranda921](https://support.prodi.gy/u/ljvmiranda921)\
**Post date:** [April 7, 2022, 7:37am UTC](https://support.prodi.gy/t/no-update-to-interface-after-changing-relationheightwrap-value-in-prodigy-json-file/3874/6 "2022-04-07T07:37:35Z")

</div>

Hi @griff4692 , that's a bit unusual. Just to sanity-check, your config should look something like this (`custom_theme` is a key for the overall config dictionary):

```python
config = {
    "custom_theme": {"cardMaxWidth": "95%"},
}

```