ABS poor quality with vertical video

Video API
1

I’ve been playing around with using the ImageKit Video Player SDK to add a promo video to the mobile home page of my site which is 1080 × 1920 MPEG-4 AAC, H.264 29.3 MB on disk.

Setup

    this.player = videoPlayer(this.videoEl().nativeElement, {
      imagekitId: this.imagekitId(),
      abs: {
        protocol: 'hls',
        sr: [360, 480, 720, 1080]
      },
      seekThumbnails: false,
    }, {
      controls: true,
      fluid: true,
    });

    this.player.src({
      src: this.src(),
      poster: {
        src: `${this.src()}/ik-thumbnail.jpg`,
        transformation: []
      }
    });

The issue I am running into is even at 1080p the streamed video appears to be low quality compared to the original. Here’s an example I’ll leave up for a while on the develop instance: https://d1zqqce1aw6qe1.cloudfront.net/

I am thinking this has to do with the original video being vertical because looking at the API response for the manifest file I see this. What I was hoping was that for example given the 720p option I would get a 720x1280 source back. Instead, I am getting sources in the proper aspect ratio but at lower quality than I expected.

https://ik.imagekit.io/highheat/luna_promo.mp4/ik-master.m3u8?tr=sr-360_480_720_1080

#EXTM3U
#EXT-X-VERSION:6
#EXT-X-STREAM-INF:BANDWIDTH=417018,RESOLUTION=202x360
https://ik.imagekit.io/highheat/luna_promo.mp4/360p-pl.m3u8?tr=sr-360_480_720_1080

#EXT-X-STREAM-INF:BANDWIDTH=559548,RESOLUTION=270x480
https://ik.imagekit.io/highheat/luna_promo.mp4/480p-pl.m3u8?tr=sr-360_480_720_1080

#EXT-X-STREAM-INF:BANDWIDTH=927529,RESOLUTION=406x720
https://ik.imagekit.io/highheat/luna_promo.mp4/720p-pl.m3u8?tr=sr-360_480_720_1080

#EXT-X-STREAM-INF:BANDWIDTH=1954856,RESOLUTION=608x1080
https://ik.imagekit.io/highheat/luna_promo.mp4/1080p-pl.m3u8?tr=sr-360_480_720_1080

Is there any way around this?