Still some CSS problems, but now better looking.

src/display/components/searchbar.css

 .searchbar {
-    display: flex;
+    display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: flex-start;
@@ -18,6 +18,11 @@
 .searchbar-icon {
     cursor: pointer;
     font-size: 30px;
+    opacity: 0.7;
+}
+
+.searchbar-form {
+    margin-right: 10px;
 }
 
 .searchbar-text {
@@ -40,7 +45,8 @@
 }
 
 .serach-area {
-    display: flex;
+    display: inline-flex;
+    width: min-content;
     flex-direction: column;
     background-color: transparent;
     transition: background-color 0.2s ease-in-out;

src/display/components/searchbar.tsx

@@ -65,7 +65,7 @@ function SearchBar({ minified, nodeSet, onSearch }: SearchBarProps) {
                     className={"searchbar-text"}
                     style={{ width: width + "%" }}
                 >
-                    <form action={"#"}>
+                    <form className={"searchbar-form"} action={"#"}>
                         <input
                             ref={inputField}
                             className={"searchbar-input"}

src/display/display.css

@@ -14,14 +14,17 @@
 
 .display-icons {
     z-index: 99;
+    padding: 10px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
-    left: 15px;
-    top: 10px;
+    left: 0;
+    top: 0;
     position: absolute;
-    gap: 20px;
+    gap: 10px;
+    background-color: rgba(100, 100, 100, 0.2);
+    border-bottom-right-radius: 20px;
 }
 
 .display-fullscreen-button {
@@ -29,4 +32,5 @@
     cursor: pointer;
     font-size: 30px;
     transform: rotate(-45deg);
+    margin-top: -4px;
 }
\ No newline at end of file