<Filesmatch> not allowing files to display properly on custom 401 error page

Question

Not sure how to properly title this problem (my apologies). Recently my web hoster has upgraded from Apache to Litespeed. In doing so this has rendered my custom, “401 error page/unauthorized login” to not load properly.

Here is current .htaccess file stored in my “public_html” folder:

RewriteEngine on

<FilesMatch "\.(htm|html|css|js|php|gif|jpe?g)$">
Require all granted
</FilesMatch>

ErrorDocument 400 /.error400.php
ErrorDocument 401 /.error401.php
ErrorDocument 403 /.error403.php
ErrorDocument 404 /.error404.php

AuthType Basic
AuthName "Protected 'public_html'"
AuthUserFile "/home/dac/.htpasswds/public_html/passwd"
Require valid-user

Now when my error page loads, the only elements that are functioning are the hyperlinks. The 4 image files along with the .css file are not loading.

What my 401 error page looks like after an unsuccessful login attempt:

Now in troubleshooting this last time, I know I had to alter the following code below in my .htaccess file:

<FilesMatch "\.(htm|html|css|js|php|gif|jpe?g)$">
Require all granted
</FilesMatch>

I know I need something like <FilesMatch> to allow authentication and allow public access to this document. But with the upgrade from Apache to Litespeed I’m stuck. Any help on this would be greatly appreciated!

Thanks,

-X