diff --git a/src/atoms/global.ts b/src/atoms/global.ts
index 0fe7dff..05b615a 100644
--- a/src/atoms/global.ts
+++ b/src/atoms/global.ts
@@ -3,7 +3,29 @@ import { atom } from 'recoil';
 
 export const sortablePinnedAppsAtom = atom({
   key: 'sortablePinnedAppsFromAtom', 
-  default: [], 
+  default: [{
+    name: 'Q-Tube',
+    servic: 'APP'
+  }, {
+    name: 'Q-Mail',
+    service: 'APP'
+  },  {
+    name: 'Q-Share',
+    service: 'APP'
+  }, {
+    name: 'Q-Blog',
+    service: 'APP'
+  }, {
+    name: 'Q-Fund',
+    service: 'APP'
+  }, {
+    name: 'Q-Shop',
+    service: 'APP'
+  },{
+    name: 'Qombo',
+    service: 'APP'
+  }
+], 
 });
 
 export const canSaveSettingToQdnAtom = atom({
diff --git a/src/components/Apps/AppsHomeDesktop.tsx b/src/components/Apps/AppsHomeDesktop.tsx
index 5621f75..0f3e958 100644
--- a/src/components/Apps/AppsHomeDesktop.tsx
+++ b/src/components/Apps/AppsHomeDesktop.tsx
@@ -8,7 +8,7 @@ import {
 } from "./Apps-styles";
 import { Avatar, ButtonBase } from "@mui/material";
 import { Add } from "@mui/icons-material";
-import { getBaseApiReact } from "../../App";
+import { getBaseApiReact, isMobile } from "../../App";
 import LogoSelected from "../../assets/svgs/LogoSelected.svg";
 import { executeEvent } from "../../utils/events";
 import { SortablePinnedApps } from "./SortablePinnedApps";
@@ -24,11 +24,13 @@ export const AppsHomeDesktop = ({  setMode, myApp, myWebsite, availableQapps  })
             setMode("library");
           }}
         >
-          <AppCircleContainer>
+          <AppCircleContainer sx={{
+                    gap: !isMobile ? '10px': '5px'
+                  }}>
             <AppCircle>
               <Add>+</Add>
             </AppCircle>
-            <AppCircleLabel>Add</AppCircleLabel>
+            <AppCircleLabel>Library</AppCircleLabel>
           </AppCircleContainer>
         </ButtonBase>