diff --git a/quartz/components/Search.tsx b/quartz/components/Search.tsx
index bd9aa6946..0832c6065 100644
--- a/quartz/components/Search.tsx
+++ b/quartz/components/Search.tsx
@@ -8,8 +8,8 @@ export default (() => {
     return (
       <div class="search">
         <div id="search-icon">
-          <p>Search</p>
-          <div></div>
+          {/* <p>Search</p>
+          <div></div> */}
           <svg
             tabIndex={0}
             aria-labelledby="title desc"
diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
index 66f809f97..b8898c305 100644
--- a/quartz/components/styles/search.scss
+++ b/quartz/components/styles/search.scss
@@ -2,11 +2,13 @@
 
 .search {
   min-width: fit-content;
-  max-width: 14rem;
+  // max-width: 14rem;
+  max-width: 18px;
   flex-grow: 0.3;
 
   & > #search-icon {
-    background-color: var(--lightgray);
+    // background-color: var(--lightgray);
+    background-color: transparent;
     border-radius: 4px;
     height: 2rem;
     display: flex;