diff --git a/templates/add_account.html b/templates/add_account.html
index dde1338..05f6bfd 100644
--- a/templates/add_account.html
+++ b/templates/add_account.html
@@ -67,7 +67,9 @@
             </div>
             <div class="form-group">
                 <label for="stream">Stream Name</label>
-                <input type="text" class="form-control" id="stream" name="stream" required>
+                <div class="awesomplete">
+                    <input type="text" class="form-control" id="stream" name="stream" required>
+                </div>
             </div>
             <button type="submit" class="btn btn-primary" id="submitButton">
                 <span class="spinner-border spinner-border-sm" id="loadingSpinner" role="status" aria-hidden="true"></span>
@@ -106,12 +108,12 @@
 
         document.addEventListener("DOMContentLoaded", function() {
             var streamInput = document.getElementById("stream");
-            var awesomplete = new Awesomplete(streamInput);
-
             fetch('/get_stream_names')
                 .then(response => response.json())
                 .then(data => {
-                    awesomplete.list = data.map(item => item.streamName);
+                    new Awesomplete(streamInput, {
+                        list: data.map(item => item.streamName)
+                    });
                 });
         });
     </script>