Search Icon Placed Differently from Main Help Site to Search Results

Here is my code.

/***** Search field *****/
.search {
position: relative;
}

.search input[type="search"] {
line: 1px strong #ddd;
line sweep: 30px;
box-estimating: line box;
shading: #01B5B1;
tallness: 40px;
cushioning left: 40px;
cushioning right: 20px;
-webkit-appearance: none;
width: 75%;
}

[dir="rtl"] .search input[type="search"] {
cushioning right: 40px;
cushioning left: 20px;
}

.search input[type="search"]:focus {
line: 1px strong $brand_color;
shading: #01B5B1;
}

.search-full input[type="search"] {
line: 1px strong #01B5B1;
}

.search-symbol {
position: relative;
top: half;
change: translateY(- half);
position: outright;
left: 90px;
z-list: 1;
width: 18px;
tallness: 18px;
shading: #777;
}

[dir="rtl"] .search-symbol {
right: auto;
left: auto;
}

Here is the place where it's arrival on the two pages and I do not know how to get them to both be on the left half of the inquiry bar.