nginx proxy_pass shows different app and crosses out https

When I try to visit app2, this happens:

• It works with http://123.456.789.255:8081
• It doesn't work with https://app2.example.com, it goes to https://app2.example.com with https crossed out, but shows app1.

Why does this happen?

Here's the nginx configuration.

There are also A records for both subdomains.

events {}

http {

  include mime.types;

  proxy_connect_timeout   999;
  proxy_send_timeout      999;
  proxy_read_timeout      999;
  send_timeout            999;


  # APP 1 =============================================================

  server {
    listen 80;
    server_name app1.example.com;
    return 301 https://app1.example.com$request_uri;
  }

  server {
    listen 443 ssl;
    server_name app1.example.com;
    ssl_certificate /etc/letsencrypt/live/app1.example.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/app1.example.com/privkey.pem;

    location / {
      proxy_pass 'http://localhost:3000/';
    }
  }

    # APP 2 ============================================================

    server {
        listen 80;
        server_name app2.example.com;
        return 301 https://app2.example.com$request_uri;
    }

    server {
        listen 443 ssl;
        server_name app2.example.com;
        ssl_certificate /etc/letsencrypt/live/app2.example.com/fullchain.pem;
        ssl_certificate_key /etc/letsencrypt/live/app2.example.com/privkey.pem;

        location / {
            proxy_pass 'http://127.0.0.1:8081';
        }
     }
}