К тегу a прибавляеца размер от margin когда внутри него что-то есть

есть код

html

<div id="header-1">
<img src="img/logo.png" alt="error">
<div id="header-1-text">
<a href="#">Home</a>
<a href="#">About Us</a>
<a href="#">Services</a>
<a href="#">Projects</a>
<a href="#">Blog</a>
<a href="#">Contact</a>
</div>

css

div#header-1{
height: 120px;
display: flex;
align-items: center;
}
#header-1 img{
margin-left: 150px;
}
#header-1-text{
margin-left: 100px;
}
#header-1-text a{
font-family: "Raleway-SemiBold", sans-serif;
font-size: 18px;
padding-left: 30px;
color: #1175b7;
text-decoration: none;
}

я менял и display, и margin с padding местами и position и border(на 0)
но ссылка кликаеца все равно вместе с margin