Marginal placement difference between question-answer-line and question-answer-fill
**Describe the bug**
There's a marginal difference in the positioning of question-answer-line and question-answer-fill. If used for a hovereffect, this makes it look like the icon jumps down a few pixles. This behaviour differs from i.e. home-2-fill / home-2-line and heart-fill / heart-line, which both have the same placement in the viewport.

**To Reproduce**
1. Set up a container and add both icons to it as children with some sort of identificator so they can be separated.
2. Add a hover css rule to the container, and alternate between 'display: block' and 'display: none' for the 2, to swap between them
3. Hover the icon (causing the line-version to hide, display: none, and the fill version to show, display: block)
4. Watch the icon jump up and down between hover and non-hover.

**Expected behavior**
The icons should have the same position in the viewport.

**Additional context**
To rule out other source for the error, the same code has been run with other sets of icons (2 examples mentioned above). Everything worked fine with the other icons which was tested; just not these ones.