diff --git a/src/ui/index.css b/src/ui/index.css
index 47e68eb87..dc7b1c1ab 100644
--- a/src/ui/index.css
+++ b/src/ui/index.css
@@ -352,11 +352,11 @@ div.trust-me > div:nth-child(3) {
     font-weight: bold;
 }
 
-#id-menu {
+div#myid {
     position: relative;
 }
 
-#id-menu svg#menu {
+div#myid svg#menu {
     position: absolute;
     right: -1em;
 }
diff --git a/src/ui/index.tis b/src/ui/index.tis
index 3e15bd904..f1f3e74b9 100644
--- a/src/ui/index.tis
+++ b/src/ui/index.tis
@@ -186,8 +186,8 @@ class MyIdMenu: Reactor.Component {
         audioInputMenu.update({ show: true });
         this.toggleMenuState();
         if (direct_server) direct_server.update();
-        var menu = $(menu#config-options);
-        this.popup(menu);
+        var menu = this.$(menu#config-options);
+        this.$(svg#menu).popup(menu);
     }
 
     function toggleMenuState() {
@@ -355,7 +355,7 @@ class App: Reactor.Component
                         <div .title>{translate('Your Desktop')}</div>
                         <div .lighter-text>{translate('desk_tip')}</div>
                         <div .your-desktop>
-                            <MyIdMenu #id-menu/>
+                            <MyIdMenu />
                             {key_confirmed ? <input type="text" readonly value={formatId(get_id())}/> : translate("Generating ...")}
                         </div>
                         <div .your-desktop>
@@ -739,7 +739,7 @@ event keydown (evt) {
     }
 }
 
-$(body).content(<App #app/>);
+$(body).content(<App />);
 
 function self.closing() {
     // return false; // can prevent window close
@@ -760,11 +760,11 @@ function self.ready() {
 }
 
 function showAbout() {
-    $(body).$(#app).$(#id-menu).showAbout();
+    myIdMenu.showAbout();
 }
 
 function showSettings() {
-    $(body).$(#app).$(#id-menu).showSettingMenu();
+    myIdMenu.showSettingMenu();
 }
 
 function checkConnectStatus() {