diff --git a/client/scripts/ui.js b/client/scripts/ui.js
index 62964b1..0996d70 100644
--- a/client/scripts/ui.js
+++ b/client/scripts/ui.js
@@ -5,6 +5,11 @@ window.isDownloadSupported = (typeof document.createElement('a').download !== 'u
 window.isProductionEnvironment = !window.location.host.startsWith('localhost');
 window.iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
 
+// set display name
+Events.on('displayName', e => {
+    $("displayName").textContent = "You are known as " + e.detail.message;
+});
+
 class PeersUI {
 
     constructor() {
@@ -492,11 +497,6 @@ class Snapdrop {
             const networkStatusUI = new NetworkStatusUI();
             const webShareTargetUI = new WebShareTargetUI();
         });
-
-        // set display name
-        Events.on('displayName', e => {
-            $("displayName").textContent = "You are known as " + e.detail.message;
-        });
     }
 }