diff --git a/app/assets/javascripts/initializers/initializeUserProfilePage.js b/app/assets/javascripts/initializers/initializeUserProfilePage.js
index 115ea90d9..151604677 100644
--- a/app/assets/javascripts/initializers/initializeUserProfilePage.js
+++ b/app/assets/javascripts/initializers/initializeUserProfilePage.js
@@ -1,11 +1,21 @@
 'use strict';
 
 function initializeUserProfilePage() {
-  if (document.getElementById('user-profile-dropdown')) {
-    document.getElementById('user-profile-dropdown').onclick = () => {
-      document
-        .getElementById('user-profile-dropdownmenu')
-        .classList.toggle('showing');
-    };
+  const profileDropdownDiv = document.getElementsByClassName("profile-dropdown")[0];
+  if (profileDropdownDiv) {
+    const currentUser = userData();
+    if (currentUser && (currentUser.username === profileDropdownDiv.dataset.username)) {
+      profileDropdownDiv.hidden = true;
+    }
+    else {
+      profileDropdownDiv.hidden = false;
+      const userProfileDropdownButton = document.getElementById('user-profile-dropdown');
+      if (userProfileDropdownButton) {
+        const userProfileDropdownMenu = document.getElementById('user-profile-dropdownmenu');
+        userProfileDropdownButton.addEventListener('click', () => {
+          userProfileDropdownMenu.classList.toggle('showing');
+        });
+      }
+    }
   }
 }
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb
index bf8c6d9ed..e2b43face 100644
--- a/app/views/users/show.html.erb
+++ b/app/views/users/show.html.erb
@@ -145,7 +145,7 @@
       </div>
     </div>
     <%= render "articles/user_metadata", context: "profile" %>
-    <div class="profile-dropdown">
+    <div class="profile-dropdown" data-username="<%= @user.username %>">
       <button id="user-profile-dropdown">
         <%= image_tag("three-dots.svg", class: "dropdown-icon", alt: "Toggle dropdown menu") %>
       </button>