PHPmyadmin problems after adding firewall

I put a firewall on my site while I am in development so only one IP can access the site. Initially I couldn’t log in to phpmyadmin at all, I managed to resolve this by adding a new rule to the firewall which allowed inbound and outbound MySQL. If anyone seeing this is in a similar situation, it is worth knowing that this didn’t work automatically as I had to restart MySQL. Although MySQL not running could have been a problem from when I stopped the server and started it again.

I can now log in to phpmyadmin, only it is barely usable because the page information is glitching, some of the top row menu buttons are doubled and not in-line, and the text in the left panel where the databases are is jumbled up with overlaid duplicated text, and the text is not even of the databases. There are also no phpmyadmin logos anywhere, including the index page, or any button images whatsoever for that matter.

I say barely usable above because I was able to import a database, although I couldn’t edit it at all, and the databases are functional on the front end.

My guess is this is due to the firewall not letting in all of the information, currently I have:

All TCP | All ports | (one IP) SSH | 22 | All IPv4, All IPv6 MySQL | 3306 | All IPv4, All IPv6