This is a weird problem I've run into while using Ubuntu 18.04. A lot of the things in the web are somehow misplaced. The browser I'm talking about is Firefox (latest), though the issue (with the icon shift, haven't tested the cursor) persists on Chrome.
For example, the cursor in the Stack Overflow question editor and the GitHub online file editor seems much shorter than it should be.
A plain textarea seems fine, though
Then the icons have this problem. Here's how the icons in the GitHub Gist Preview look like. As you can see, they are shifted down from the center.
At last, the icons in the Firefox Inspector are also shifted down (which seems completely unrelated to any CSS rendering issues). In the following screenshot, the "+" and the color picker are shifted down.
The issue was first encountered on an upgrade from 17.10 to 18.04, then I did a fresh reinstall of 18.04, but the problem remains.
What could cause this? Has anyone encountered anything similar?
Edit about the modifications I've made to my GNOME Shell:
- Install Roboto fonts (
sudo apt install fonts-roboto-hinted)
- Install Materia theme (Shell and GTK+)
- Install Numix-Circle icons
- Install Materia GDM theme (more about it here)
Undoing all those modifications didn't seem to fix the bugs.
My Ubuntu is installed on a physical machine (not a VM), I am using X11, but the problem persists on Wayland.
Another edit: I just tried to live boot a fresh Ubuntu 18.04, the inspector icons were offset even there.