diff --git a/www/content/reference.md b/www/content/reference.md
index 381efac5e..259a2ce1f 100644
--- a/www/content/reference.md
+++ b/www/content/reference.md
@@ -158,7 +158,7 @@ The table below lists all other attributes available in htmx.
 | [`htmx:responseError`](@/events.md#htmx:responseError)  | triggered when an HTTP response error (non-`200` or `300` response code) occurs
 | [`htmx:sendError`](@/events.md#htmx:sendError)  | triggered when a network error prevents an HTTP request from happening
 | [`htmx:sseError`](@/events.md#htmx:sseError)  | triggered when an error occurs with a SSE source
-| `htmx:sseOpen` | triggered when a SSE source is opened
+| [`htmx:sseOpen`](/events#htmx:sseOpen)  | triggered when a SSE source is opened
 | [`htmx:swapError`](@/events.md#htmx:swapError)  | triggered when an error occurs during the swap phase
 | [`htmx:targetError`](@/events.md#htmx:targetError)  | triggered when an invalid target is specified
 | [`htmx:timeout`](@/events.md#htmx:timeout)  | triggered when a request timeout occurs
diff --git a/www/themes/htmx-theme/static/css/site.css b/www/themes/htmx-theme/static/css/site.css
index bffcf3c18..2cbe169b1 100644
--- a/www/themes/htmx-theme/static/css/site.css
+++ b/www/themes/htmx-theme/static/css/site.css
@@ -416,28 +416,26 @@ background: none;
 }
 
 
-#search {
-transition: all 0.3s ease-out;
-width: 3em;
-padding: 6px 8px;
-border: 1px solid #eee;
-background-color: inherit;
-border-radius: 10px;
-margin-right: 6px;
-position: relative;
-vertical-align: top;
+.search-box {
+    transition: all .2s ease-in-out;
+    width: 2.5rem;
+    padding: 4px 6px;
+    border: 2px solid #eee;
+    border-radius: 10px;
+    margin-right: 10px;
+    outline: 0;
 }
 
-
-#search:hover, #search:not(:placeholder-shown) {
-border: 1px solid rgb(204, 204, 204);
-background-color: white;
+.search-box::placeholder {
+    text-align: right;
 }
 
+.search-box:hover, .search-box:not(:placeholder-shown) {
+    border: 2px solid var(--midBlue);
+}
 
-#search:focus, #search:not(:placeholder-shown) {
-width: 150px;
-border-radius: 4px;
+.search-box:active, .search-box:focus, .search-box:not(:placeholder-shown) {
+    width: 10rem;
 }
 
 footer {