Proxy Pass Fails for Port 3000

I have been trying to get my production url to work without adding port number to it e.g. app.domain.com/login does not work (site can’t be reached) while app.domain.com:3000/login works.

Here is my reverse proxy settings in the sites-available folder;

server {

  server_name app.domain.com;



    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/app.domain.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/app.domain.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

    location /login {
        proxy_pass http://localhost:3000/login;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}
server {
    if ($host = app.domain.com) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


  listen 80;
  server_name app.domain.com;
    return 404; # managed by Certbot


}

running sudo nginx -t says test is successful so I am wondering what the problem could be.