Using Nginx to reverse proxy but Admin Panel no styling

Hi. I am using Nginx to reverse proxy traffic to the Vaultwarden container.

I did this mapping in docker: Host:4567 → Container:80; Host:3012 → Container:3012.
In my Nginx config I only had 1 proxy_pass as of

location / {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Host $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

When I open my admin panel, I don’t see any styling. And it shows that everything under the directory is returning a 404.

Anyone know how to fix this?

What do the logs of Vaultwarden return?

Sorry for the late reply, I was out sick for several days.

The log from sudo docker logs vaultwarden outputs the following lines:

[WARNING] The following environment variables are being overriden by the config file,
[WARNING] please use the admin panel to make changes to them:

[2022-07-12 15:42:21.344][start][INFO] Rocket has launched from
[2022-07-12 15:42:27.018][request][INFO] POST /admin
[2022-07-12 15:42:27.020][response][INFO] (post_admin_login) POST /admin/ => 303 See Other
[2022-07-12 15:42:27.158][request][INFO] GET /admin
[2022-07-12 15:42:27.160][response][INFO] (admin_page) GET /admin/ => 200 OK

I think the nginx log will also be helpful here:

128.***.***.*** - - [12/Jul/2022:15:49:11 +0000] "GET /favicon.ico HTTP/2.0" 200 34494 "https://vw.[censored].com/vw_static/bootstrap-native.js" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0"

The above log appears when I directly tried access the bootstrap-native.js from my browser.