diff --git a/front.html b/front.html
index 46e9ef436b36f8fefdbfc36a1963caea948d7c4d..1e3227faf4c5298c8e246f045fd1619828d2bab0 100644
--- a/front.html
+++ b/front.html
@@ -3,6 +3,7 @@
         <title>Chat Room</title>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js" integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA==" crossorigin="anonymous"></script>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+        <link rel="stylesheet" href="styles.css">
     </head>
     <body>
         <script type="text/javascript">
@@ -12,12 +13,12 @@
             var socket = io.connect('http://127.0.0.1:5000', { auth : { token : password } });
 
             socket.on('message', function(msg) {
-                $("#messages").append('<li>'+msg+'</li>')
+                $("#messages").append('<li> Mochi : '+msg+'</li>')
             });
 
             $('#sendbutton').on('click',function() {
                 socket.send($('#myMessage').val());
-                $("#messages").append('<li>'+$('#myMessage').val()+'</li>')
+                $("#messages").append('<li> you : '+$('#myMessage').val()+'</li>')
                 $('#myMessage').val('');
             });