# Gradio app UI messed up

**URL:** </static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fgradio-app-ui-messed-up%2F168717%3E%5C
**Category:** Spaces\
**Created:** [September 27, 2025, 1:45am UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fgradio-app-ui-messed-up%2F168717 "2025-09-27T01:45:21Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Samurai719214](https://sea2.discourse-cdn.com/hellohellohello/user_avatar/discuss.huggingface.co/samurai719214/32/54312_2.png) [@Samurai719214](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Fu%2FSamurai719214)%5C
**Post date:** [September 27, 2025, 1:45am UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fgradio-app-ui-messed-up%2F168717%2F1 "2025-09-27T01:45:21Z")

</div>

Hello,

I have deployed an app in spaces- [GPTNeo Storyteller - a Hugging Face Space by Samurai719214](https://huggingface.co/spaces/Samurai719214/GPTNeo-storyteller) . Everything was fine until a couple of weeks ago, when I received this error-

 ![image](https://us1.discourse-cdn.com/hellohellohello/original/3X/d/5/d5568f61fd0a240fa88dfe6eb1f439bd78912a57.png)

The app is deploying. However, the UI is all messed up-

How do I fix my app? Please help thank you 🙂

---

<div class="post-metadata">

**Author:** ![John6666](https://sea2.discourse-cdn.com/hellohellohello/user_avatar/discuss.huggingface.co/john6666/32/27664_2.png) [@John6666](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Fu%2FJohn6666)%5C
**Post date:** [September 27, 2025, 2:48am UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fgradio-app-ui-messed-up%2F168717%2F2 "2025-09-27T02:48:49Z")

</div>

Seems in `app.py`,

```py
with gr.Blocks(css="style.css")

```

But there is no `style.css` on the repo. Style would be broken…

---

<div class="post-metadata">

**Author:** ![Samurai719214](https://sea2.discourse-cdn.com/hellohellohello/user_avatar/discuss.huggingface.co/samurai719214/32/54312_2.png) [@Samurai719214](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Fu%2FSamurai719214)%5C
**Post date:** [September 27, 2025, 3:44pm UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fgradio-app-ui-messed-up%2F168717%2F3 "2025-09-27T15:44:15Z")

</div>

It did not seem to fix the issue-

 ![image](https://us1.discourse-cdn.com/hellohellohello/original/3X/e/8/e8dae152f764eb5c01494caf6c2c73df188d8ecb.png)

I have removed with gr.Blocks(css=”style.css”)

---

<div class="post-metadata">

**Author:** ![John6666](https://sea2.discourse-cdn.com/hellohellohello/user_avatar/discuss.huggingface.co/john6666/32/27664_2.png) [@John6666](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Fu%2FJohn6666)%5C
**Post date:** [September 27, 2025, 9:36pm UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fgradio-app-ui-messed-up%2F168717%2F4 "2025-09-27T21:36:18Z")

</div>

Oh. Gradio version specified in `requirements.txt` appears to be mismatched with the Gradio version specified in `README.md`…

### `README.md`

```yaml
---
title: GPTNeo Storyteller
emoji: 💬
colorFrom: yellow
colorTo: purple
sdk: gradio
sdk_version: 5.0.1 <= this
app_file: app.py
pinned: false
license: mit
short_description: Fine-tuned LLM to complete mythological stories.
---

```

### `requirements.txt`

```py
huggingface_hub
gradio <= this
torch
transformers
pandas
datasets
matplotlib
evaluate
numpy
scikit-learn

```

There are three solutions.

1. Upgrade `Gradio` to the latest version. In `README.md` (recommended):

```yaml
sdk_version: 5.47.2

```

1. Leave Gradio installation to `README.md`. In `requirements.txt` (easy maintenance):

```py
#gradio # just commented out
pydantic==2.10.6 # to avoid bug

```

1. Pin Gradio’s version. In `requirements.txt`:

```py
gradio==5.0.1

```

---

<div class="post-metadata">

**Author:** ![Samurai719214](https://sea2.discourse-cdn.com/hellohellohello/user_avatar/discuss.huggingface.co/samurai719214/32/54312_2.png) [@Samurai719214](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Fu%2FSamurai719214)%5C
**Post date:** [September 27, 2025, 10:09pm UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fgradio-app-ui-messed-up%2F168717%2F5 "2025-09-27T22:09:45Z")

</div>

> [@John6666](#):
>
> `pydantic==2.10.6`

Thank you! It worked 🙂