diff --git a/src/atoms/global.ts b/src/atoms/global.ts
index 970708a..9b16fe4 100644
--- a/src/atoms/global.ts
+++ b/src/atoms/global.ts
@@ -51,6 +51,10 @@ export const sortablePinnedAppsAtom = atom({
       name: 'Q-Search',
       service: 'APP',
     },
+    {
+      name: 'Q-Nodecontrol',
+      service: 'APP',
+    },
   ],
 });
 
diff --git a/src/components/Apps/AppsCategory.tsx b/src/components/Apps/AppsCategory.tsx
index 0020ecf..4871026 100644
--- a/src/components/Apps/AppsCategory.tsx
+++ b/src/components/Apps/AppsCategory.tsx
@@ -42,7 +42,8 @@ const officialAppList = [
   "q-support",
   "q-manager",
   "q-wallets",
-  "q-search"
+  "q-search",
+  "q-nodecontrol"
 ];
 
 const ScrollerStyled = styled('div')({
diff --git a/src/components/Apps/AppsCategoryDesktop.tsx b/src/components/Apps/AppsCategoryDesktop.tsx
index 85b86bd..9075cf8 100644
--- a/src/components/Apps/AppsCategoryDesktop.tsx
+++ b/src/components/Apps/AppsCategoryDesktop.tsx
@@ -50,7 +50,8 @@ const officialAppList = [
   "q-support",
   "q-manager",
   "q-wallets",
-  "q-search"
+  "q-search",
+  "q-nodecontrol"
 ];
 
 const ScrollerStyled = styled("div")({
diff --git a/src/components/Apps/AppsLibrary.tsx b/src/components/Apps/AppsLibrary.tsx
index c79e1af..42a8658 100644
--- a/src/components/Apps/AppsLibrary.tsx
+++ b/src/components/Apps/AppsLibrary.tsx
@@ -56,6 +56,7 @@ const officialAppList = [
   'q-manager',
   'q-wallets',
   'q-search',
+  'q-nodecontrol',
 ];
 
 // TODO: apply dark/light style
diff --git a/src/components/Apps/AppsLibraryDesktop.tsx b/src/components/Apps/AppsLibraryDesktop.tsx
index 8fcb4d6..48003c4 100644
--- a/src/components/Apps/AppsLibraryDesktop.tsx
+++ b/src/components/Apps/AppsLibraryDesktop.tsx
@@ -71,6 +71,7 @@ const officialAppList = [
   'q-mintership',
   'q-wallets',
   'q-search',
+  'q-nodecontrol',
 ];
 
 const ScrollerStyled = styled('div')({