Traefik Dashboard Microk8s

Hi all, I have set up a microk8s one node cluster as a test and installed and configured metalLB as a load-balancer alongside Traefik. It is working because when I set up an ingress router to whoami, it works perfectly fine. However, when setting up an ingress route to the Traefik dashboard, the page loads but the elements on it struggle to load the dashboard and I am unsure why. Could I get some help please?

My dashboard looks like this.

My traefik ingress route yml is below.

apiVersion: traefik.containo.us/v1alpha1
kind: IngressRoute
metadata:
  name: dashboard
spec:
  entryPoints:
    - web
  routes:
    - match: Host(`traefik-test.here`) && PathPrefix(`/dashboard`)
      kind: Rule
      services:
        - name: api@internal
          kind: TraefikService

Resolved with

apiVersion: traefik.containo.us/v1alpha1
kind: IngressRoute
metadata:
  name: dashboard
spec:
  entryPoints:
    - web
  routes:
    - match: Host(`traefik-test.here`) && ( PathPrefix(`/api`) || PathPrefix(`/dashboard`) )
      kind: Rule
      services:
        - name: api@internal
          kind: TraefikService