diff --git a/frontend/static/images/chatbot.jpg b/frontend/static/images/chatbot.jpg
new file mode 100644
index 0000000..32ac275
Binary files /dev/null and b/frontend/static/images/chatbot.jpg differ
diff --git a/frontend/static/images/yuen.jpg b/frontend/static/images/yuen.jpg
deleted file mode 100644
index f9828ee..0000000
Binary files a/frontend/static/images/yuen.jpg and /dev/null differ
diff --git a/frontend/static/js/jquery.chatbot.js b/frontend/static/js/jquery.chatbot.js
index 398f6d4..bd5f0ef 100644
--- a/frontend/static/js/jquery.chatbot.js
+++ b/frontend/static/js/jquery.chatbot.js
@@ -33,7 +33,7 @@ $(document).ready(function() {
                     if (data.hasOwnProperty('response')) {
                         $('#chatlogs').append(`
                             <div class="d-flex flex-row justify-content-start mb-4" >
-                                <img src=${yuen_src} width="85" height="85"></img>
+                                <img src=${chatbot_src} width="85" height="85"></img>
                                 <div class="p-3 ms-3 chatbot-response">
                                     <p class="small mb-0">
                                     ${data['response']}
diff --git a/frontend/templates/index.html b/frontend/templates/index.html
index b6cc6d2..c780bd2 100644
--- a/frontend/templates/index.html
+++ b/frontend/templates/index.html
@@ -16,7 +16,7 @@
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
 
         <!-- Custom javascript files -->
-        <script> let yuen_src = "{{ url_for('static', filename='images/yuen.jpg') }}" </script>
+        <script> let chatbot_src = "{{ url_for('static', filename='images/chatbot.jpg') }}" </script>
         <script type="text/javascript" src="{{url_for('static', filename='js/jquery.chatbot.js')}}"></script>
 
         <!-- Bootstrap JS Bundle with Popper -->