.

src/index.html

@@ -40,18 +40,14 @@
     <div class="grid-container-horizontal notes-sidebar" style="width: 40%; max-width: 25rem; min-width: 15rem;">
       <div class="grid-container-vertical toolbar">
         <div style="height: 3rem;">
-          <div style="margin-left: 0.8rem;" class="button">
+          <div style="margin-left: 0.8rem;" class="button no-hover">
             <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24px" width="24px">
               <path d="M3,18V16H21v2H3Zm0-5V11H21v2H3ZM3,8V6H21V8H3Z" />
             </svg>
 
           </div>
           <p style="font-weight: bold; "></p>
-          <div style="margin-right: 0.8rem" class="button" onclick="toggle_search();">
+          <div style="margin-right: 0.8rem" class="button no-hover" onclick="toggle_search();">
-            <svg id="search_icon" class="icon-accent" style="display: none;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24px" width="24px">
-              <path
-                d="M19.6,21l-6.3-6.3q-0.75,0.6-1.72,0.95T9.5,16q-2.72,0-4.61-1.89Q3,12.23 3,9.5Q3,6.77 4.89,4.89T9.5,3t4.61,1.89T16,9.5q0,1.1-0.35,2.07T14.7,13.3L21,19.6L19.6,21ZM9.5,14q1.88,0 3.19-1.31T14,9.5T12.69,6.31T9.5,5T6.31,6.31T5,9.5t1.31,3.19T9.5,14Z" />
-            </svg>
             <svg id="search_quit_icon" class="icon-accent" style="display: block;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
               height="24px" width="24px">
               <path

src/styles_default.css

@@ -226,6 +226,19 @@ input:focus {
   cursor: pointer;
 }
 
+.no-hover:hover {
+  background-color: transparent !important;
+  cursor: pointer;
+}
+
+.no-hover:active {
+  color: var(--color-surface) !important;
+}
+
+.no-hover svg:active {
+  fill: var(--color-surface) !important;
+}
+
 .button:active {
   background-color: var(--color-page);
 }