Mixed Content error with spring boot API hosted on aws elastic beanstalk

I have a react app hosted in amazon S3 and pushed out to cloud front and served on custom domain with SSL certificate from aws certificate manager.
My spring boot Api is hosted on elastic beanstalk.
When I make requests to my API I am getting mixed content errors returned to my front end. I presume this is because I am making requests from a https domain to a http, and my browser is not permitting this.

How should I redirect my spring boot to https so that my front end can communicate with spring boot?

I have looked into this quite a bit, and most of the resources instruct configuring load balancer in the EB instance, or configuring the nginx.conf file.

I have not been able to find a clear answer to this issue.

Please advise.