diff --git a/frontend/ts/profile.js b/frontend/ts/profile.js
index 4b45a43..8117763 100644
--- a/frontend/ts/profile.js
+++ b/frontend/ts/profile.js
@@ -66,12 +66,15 @@ and the component underneath */
 
 
 <div id="mySidenav" class="sidenav">
+<div id="profile">
+
+<img src="Kaido.png" alt="profile pic" style="width:100px;height100px"/>
+ 
+
 
   <button href="" class="closeBtn">&times;</button>
-
   <a href=""><button>Message</button></a>
-  
-
+</div>
 </div>
 
 <button id="openBtn">open profile view</button>
@@ -124,16 +127,16 @@ call the openNav closeNav function to open and close the sidebar*/
 
 /* these two methods will open and close the profile side menu*/
     openNav() {
-        this.sidenav.style.width = "450px";
+        this.sidenav.style.width = "450px"; // changes sidenav width from 0px to 450px 
         if (this.mainContent) {
             this.mainContent.style.marginLeft = "250px";
         } 
       }
     
     closeNav() {
-      this.sidenav.style.width = "0";
+      this.sidenav.style.width = "0"; //changes sidenav's width back to 0px
       if (this.mainContent) {
-        this.mainContent.style.marginLeft = "0"
+        this.mainContent.style.marginLeft = "0px"
       } 
     }
 }