diff --git a/aprsd/web/chat/static/css/chat.css b/aprsd/web/chat/static/css/chat.css
index d32cc65..270d682 100644
--- a/aprsd/web/chat/static/css/chat.css
+++ b/aprsd/web/chat/static/css/chat.css
@@ -1,3 +1,7 @@
+input[type=search]::-webkit-search-cancel-button {
+    -webkit-appearance: searchfield-cancel-button;
+}
+
 .speech-wrapper {
   padding: 5px 30px;
   border: 1px solid #ccc;
diff --git a/aprsd/web/chat/templates/index.html b/aprsd/web/chat/templates/index.html
index c255d42..b56f647 100644
--- a/aprsd/web/chat/templates/index.html
+++ b/aprsd/web/chat/templates/index.html
@@ -68,10 +68,10 @@
                 </div>
             </div>
             <div class="row">
-                <form class="row gx-3 gy-2 align-items-center" id="sendform" name="sendmsg" action="">
+                <form class="row gx-1 gy-1 justify-content-center align-items-center" id="sendform" name="sendmsg" action="">
                     <div class="col-sm-3">
                         <label for="to_call" class="visually-hidden">Callsign</label>
-                        <input type="text" class="form-control mb-2 mr-sm-2" name="to_call" id="to_call" placeholder="To Callsign" size="11" maxlength="9">
+                        <input type="search" class="form-control mb-2 mr-sm-2" name="to_call" id="to_call" placeholder="To Callsign" size="11" maxlength="9">
                     </div>
                     <div class="col-sm-3">
                       <label for="message" class="visually-hidden">Message</label>