how I can get search icon little bit to center or down in search box?

Hello,

I have embedded google search icon into search box in my header.php page the code is :

<div class="search-box">			
    <form role="search" method="get" id="searchform" class="searchform" action="<?php echo home_url( '/' ); ?>">
        <div>           
            <label class="screen-reader-text" for="s">Search for:</label>
            <input value="" name="s" id="s" type="text" placeholder="Zoeken" "<?php the_search_query(); ?>">			
            <input id="searchsubmit"  value="search" class="material-symbols-outlined"         type="submit">
        </div>
    </form>
</div>

and this is css code:

	.search-box {
	width:33.333%;
	 display: flex;
     justify-content:flex-end;	  
     align-items: center;
     margin-right:4%;
	 margin-top:-0.2rem;
	}
	
	
input#searchsubmit.material-symbols-outlined {
	 
	   
		color:red;
      
	}
	
	


input[type="text"] {
  width: 275px;
  height:45px; 
  border-radius: 20px;
  font-size: 16px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  outline: none;
 

}

#searchsubmit {

margin-left:-72px; 
background:none;  
border:none;
 
}

#searchsubmit:hover {

  cursor: pointer;
  
}

the problem is I can not get the google search icon with using padding and margin little bit to center or to down in search box.

I have tried evrything whitout results?

How I can get this search icon liitle bit to down or to center in searchbox?

when you go to my url homepage you can see what I mean. the other pages of the website are not completed yet.

thanks

The page I need help with: [log in to see the link]