Please follow the below template, it will help us to help you!
If you are Experiencing issues with a Pi-hole install that has non-standard elements (e.g you are using nginx instead of lighttpd, or there is some other aspect of your install that is customised) - please use the Community Help category.
Expected Behaviour:
I am running the latest Raspberry Pi OS based on bookworm. It runs on Raspberry Pi 5.
I am using apache. Expected behavior: The web interface should show the menu icons as normal size with the text on the right side. The install worked well for more than year or so without problem. I am running a crontab entry to automatically update the pihole every monday 3AM. I have not changed anything recently through command line or web interface.
Actual Behaviour:
But actually, the web interface is showing very huge icons. attached the image here. pihole — Postimages
Probably something has changed in apache configuration and now some Javascript and CSS files are not being correctly served.
Do you see any error messages in the browser Devtools Console?
The web interface uses SVG icons and they are formatted using a Font Awesome javascript file named all.min.js. Check if this file is correctly loaded in the browser.
Note:
Your debug log shows you edited the main theme CSS file (AdminLTE.min.css). Apparently it was just a line break, but I'm not sure if you changed something else. Please restore the original file to make sure this change is not causing the issue.
Thank you for your prompt response. I really appreciate it. Your point of viewing the console errors helped me. I am able to find the error and able to fix it.
Some details how it had happened. I am running nextcloud as well through apache. I have recently updated the content security policy ("default-src 'self'; object-src 'none'; script-src 'self'; style-src 'self';") to fix vulnerability of my nextcloud site exposed to the internet. Though I am embedded software programmer, I am not an expert in the web admin/programming. I got help from my friend. I didn't realize I applied this policy for both pihole and nextcloud. Now I set the CSP only for nextcloud, the pihole site is working fine.
Thanks again for your prompt expert response. Sorry for the incovenience. I thought I didn't make any changes to pihole. But I did it without my knowledge.
Note: the CSS file change, I tried to make changes to the sizes of the icons. But eventually i reverted it. But looks like I missed the new line. I didn't change anything else and didn't change anything from the pihole directory while it was working.