Problem with hover

When I hover over my menu, the class’s width either has too much width or not enough. I found out the reason this occurred is because of this property I implemented “text-indent”. I still want to use the property as it helps align my menu. Any suggestion I’ve been struggling with this predicament for 2 weeks still not sure how to resolve this problem.

Here’s a reference to the page I want to clone:

My work:

.preview-item {
text-indent: 131px;

did you try using “width” in “li”, if you do that than hover effect will; only take up that amount of space

happy coding :slight_smile: