Static Web App giving Azure 404s after adding custom DNS

[jajangmien]

So I have been trying to figure out what I am doing wrong for a little bit. I have setup a static web app to host my website that I am pulling from github.

I was able to setup the static web app no problem, and visit my website with the Azure generated url. The problems started after I added my DNS from namecheap. My site is giving me an Azure 404 after I added the CNAME record of the URL from Azure and setup the TXT record it generated. I also checked whatsmydns.net and my CNAME doesn't seem to propagate.

Here is what I have setup on both Azure and namecheap below:

Namecheap

Azure

Any advice would be greatly appreciated.