diff --git a/content/projects/chatto-a-self-hosted-e2ee-chat-application.md b/content/projects/chatto-a-self-hosted-e2ee-chat-application.md
index 727f90f..9453d57 100644
--- a/content/projects/chatto-a-self-hosted-e2ee-chat-application.md
+++ b/content/projects/chatto-a-self-hosted-e2ee-chat-application.md
@@ -95,3 +95,6 @@ Note - passphrase is not stored on the server, or anywhere other than client's m
 
 ### Markdown in chat
 {{< avid >}}/img/projects/chatto/chatto-preview-markdown.webm{{</ avid>}}
+
+### User search 
+{{< apvid >}}/img/projects/chatto/chatto-preview-usersearch.webm{{< /apvid >}}
\ No newline at end of file
diff --git a/layouts/shortcodes/apvid.html b/layouts/shortcodes/apvid.html
index 775662f..1c451cf 100644
--- a/layouts/shortcodes/apvid.html
+++ b/layouts/shortcodes/apvid.html
@@ -1,5 +1,14 @@
 <p align="center">
-    <video autoPlay muted loop>
+    <video autoPlay muted loop class="apvid">
         <source type="video/mp4" src="{{- .Inner -}}" />
     </video>
-</p>
\ No newline at end of file
+</p>
+
+<style>
+    @media only screen and (max-width: 600px) {
+        .apvid {
+            width: 100% !important;
+            height: auto !important;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/static/img/projects/chatto/chatto-preview-usersearch.webm b/static/img/projects/chatto/chatto-preview-usersearch.webm
new file mode 100644
index 0000000..aecf2f2
Binary files /dev/null and b/static/img/projects/chatto/chatto-preview-usersearch.webm differ