Cannot access to Mongo Express webpage running by docker-compose, but it is running on docker desktop?

Question

I am trying to use MongoDB and Mongo Express, but now I am having trouble to connect to Mongo Express.

So when I go to the localhost:4301

In Docker Desktop:

My application.yaml:

spring:
  data:
    mongodb:
      database: redo_report
      uri: mongodb://root:root@localhost:27018/redo_report?authSource=admin
      username: root
      password: root
  liquibase:
    change-log: classpath:db/changelog/db.changelog-master.xml
  kafka:
    bootstrap-servers: http://redo-kafka:9092
    consumer:
      auto-offset-reset: earliest
      group-id: redo_report_group
      key-deserializer: org.apache.kafka.common.serialization.StringDeserializer
      value-deserializer: org.apache.kafka.common.serialization.StringDeserializer
redo-notes-link: https://localhost/app/view/
redo-version: v0.1 (2022.10.28)
application:
  kafka-topics:
    doc-events: doc.events

My docker-compose.yml

spring:
  data:
    mongodb:
      database: redo_report
      uri: mongodb://root:root@localhost:27018/redo_report?authSource=admin
      username: root
      password: root
  liquibase:
    change-log: classpath:db/changelog/db.changelog-master.xml
  kafka:
    bootstrap-servers: http://redo-kafka:9092
    consumer:
      auto-offset-reset: earliest
      group-id: redo_report_group
      key-deserializer: org.apache.kafka.common.serialization.StringDeserializer
      value-deserializer: org.apache.kafka.common.serialization.StringDeserializer
redo-notes-link: https://localhost/app/view/
redo-version: v0.1 (2022.10.28)
application:
  kafka-topics:
    doc-events: doc.events