Did it via flexbox + position absolute of the searchbar. Realized that that everything is a little bigger on the dummy than i assumed it was due to 90% scaling in view mode, but seems fine

frontend/src/lib/components/header.svelte

@@ -20,11 +20,8 @@
     <a class="header__link" href="/blog">Blog</a>
     <a class="header__link" href="/services">Services</a>
 
-
-    <Spacer type="right"/>
-    <Searchbar/>
-
-    <Spacer type="left"/>
+    <Spacer type="horizontal"/>
+    <Searchbar id="searchbar"/>
 
     <Icon class="header__language-button" image={LanguageIcon} size="40px"/>
     <Icon class="header__darkmode-button" image={DarkmodeIcon} size="40px"/>
@@ -34,11 +31,13 @@
 <style>
     .header {
         display: flex;
+        justify-content: space-evenly;
         align-items: center;
 
         gap: 20px;
         padding: 5px 20px 5px 20px;
 
+        height: 74px;
         background-color: var(--col_panel);
         box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.3);
     }