Running Metabase behind AWS ALB with Cognito Auth

We are trying to run Metabase behind an AWS ALB that uses direct connection to Cognito to authenticate users. We are trying to run the app with a base url of /metabase (eg. our url to get to metabase should look like

Our configuration is the following:

ALB Listener Rule:

  Cognito User Pool
  metabase-target-group -> points to ec2 on port 4000

Running metabase/metabase-enterprise:latest container with the following docker-compose

version: "3.3"
    image: metabase/metabase-enterprise
    user: root
    container_name: metabase_app
      MB_DB_TYPE: postgres
      MB_DB_DBNAME: metabase
      MB_DB_PORT: 5432
      MB_DB_USER: *redact*
      MB_DB_PASS: *redact*
      MB_DB_HOST: *redact*
      - "4000:3000"
      - platform_network
      name: platform_network

Metabase Config:

Site Url:

The Error:

When we navigate to the our url, we are getting the following error:

We're a little lost...
The page you asked for couldn't be found.

The container logs for each request are:

2023-05-11 15:12:22,035 DEBUG middleware.log :: GET /api/user/current 401 529.2 ┬Ás (0 DB calls)

2023-05-11 15:12:22,101 DEBUG middleware.log :: GET /api/session/properties 200 69.1 ms (1 DB calls) App DB connections: 0/4 Jetty threads: 6/50 (1 idle, 0 queued) (45 total active threads) Queries in flight: 0 (0 queued)

An inspect on browser shows the following error logs on client side:

Warning: the Metabase site URL basename "/metabase/" does not match the actual basename "/".

Refused to apply style from '' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'error')

Looks like its trying to redirect us to the auth endpoint but failing? Any help on this would be greatly appreciated!