diff --git a/src/style.css b/src/style.css
index 452484e33e282568a9c8a1bfe1d6dbb65dec8051..f923a6e21b28fdec6b56f56955beb41e860b1e0d 100644
--- a/src/style.css
+++ b/src/style.css
@@ -33,6 +33,11 @@ todo: this style should actually be in hydrogen-web
     left: 0;
 }
 
+#chatterbox .MessageComposer_input:focus-within {
+    outline: 1px solid #5C56F5;
+    box-shadow: 0px 0px 0px 4px rgba(92, 86, 245, 0.1);
+}
+
 .AccountSetupView {
     display: flex;
     flex-direction: column;