diff --git a/frontend/ts/profile.js b/frontend/ts/profile.js
index 1eae883..4b45a43 100644
--- a/frontend/ts/profile.js
+++ b/frontend/ts/profile.js
@@ -59,11 +59,11 @@ template.innerHTML = `
   .sidenav {padding-top: 15px;}
   .sidenav a {font-size: 18px;}
 }
-
+/* the div block has an id and class so that its targeted by the styles
+and the component underneath */
 </style> 
 
-/* the div block has an id and class so that its targeted by the styles
-and the component underneath*/
+
 
 <div id="mySidenav" class="sidenav">
 
@@ -100,8 +100,8 @@ class ProfileSideBar extends HTMLElement {
     constructor() { // the constructor function initiates the new side bar 
         super()
         this.appendChild(template.content.cloneNode(true))
-        this.sidenav = this.getElementById("#mySidenav");
-        this.openBtn = this.getElementById("#openBtn");
+        this.sidenav = this.querySelector("#mySidenav");
+        this.openBtn = this.querySelector("#openBtn");
         this.closeBtn = this.querySelector(".closeBtn");
         this.mainContent = document.getElementById("main");