diff --git a/src/renderer/src/assets/images/apps/github-copilot.webp b/src/renderer/src/assets/images/apps/github-copilot.webp
new file mode 100644
index 00000000..5dd9b1a7
Binary files /dev/null and b/src/renderer/src/assets/images/apps/github-copilot.webp differ
diff --git a/src/renderer/src/components/Popups/AppStorePopover.tsx b/src/renderer/src/components/Popups/AppStorePopover.tsx
index 0ba233ea..659e6369 100644
--- a/src/renderer/src/components/Popups/AppStorePopover.tsx
+++ b/src/renderer/src/components/Popups/AppStorePopover.tsx
@@ -58,8 +58,8 @@ const PopoverContent = styled(Scrollbar)``
 
 const AppsContainer = styled.div`
   display: grid;
-  grid-template-columns: repeat(6, 1fr);
-  gap: 25px 35px;
+  grid-template-columns: repeat(6, minmax(90px, 1fr));
+  gap: 25px;
 `
 
 export default AppStorePopover
diff --git a/src/renderer/src/config/minapps.ts b/src/renderer/src/config/minapps.ts
index c20253ec..54678ef9 100644
--- a/src/renderer/src/config/minapps.ts
+++ b/src/renderer/src/config/minapps.ts
@@ -6,6 +6,7 @@ import DoubaoAppLogo from '@renderer/assets/images/apps/doubao.png'
 import DuckDuckGoAppLogo from '@renderer/assets/images/apps/duckduckgo.webp'
 import FeloAppLogo from '@renderer/assets/images/apps/felo.png'
 import GeminiAppLogo from '@renderer/assets/images/apps/gemini.png'
+import GithubCopilotLogo from '@renderer/assets/images/apps/github-copilot.webp'
 import HuggingChatLogo from '@renderer/assets/images/apps/huggingchat.svg'
 import KimiAppLogo from '@renderer/assets/images/apps/kimi.jpg'
 import MetasoAppLogo from '@renderer/assets/images/apps/metaso.webp'
@@ -223,6 +224,12 @@ const _apps: MinAppType[] = [
     logo: ThinkAnyLogo,
     url: 'https://thinkany.ai/',
     bodered: true
+  },
+  {
+    id: 'github-copilot',
+    name: 'GitHub Copilot',
+    logo: GithubCopilotLogo,
+    url: 'https://github.com/copilot'
   }
 ]
 
diff --git a/src/renderer/src/pages/apps/App.tsx b/src/renderer/src/pages/apps/App.tsx
index 65f014d4..cd939886 100644
--- a/src/renderer/src/pages/apps/App.tsx
+++ b/src/renderer/src/pages/apps/App.tsx
@@ -36,8 +36,6 @@ const Container = styled.div`
   justify-content: center;
   align-items: center;
   cursor: pointer;
-  max-width: 80px;
-  width: 72px;
   overflow: hidden;
 `
 
diff --git a/src/renderer/src/pages/apps/AppsPage.tsx b/src/renderer/src/pages/apps/AppsPage.tsx
index ce97717e..f0df7f14 100644
--- a/src/renderer/src/pages/apps/AppsPage.tsx
+++ b/src/renderer/src/pages/apps/AppsPage.tsx
@@ -74,12 +74,12 @@ const ContentContainer = styled.div`
 
 const AppsContainer = styled.div`
   display: flex;
-  min-width: 950px;
-  max-width: 950px;
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-content: flex-start;
-  gap: 50px;
+  min-width: 930px;
+  max-width: 930px;
+  max-height: 500px;
+  display: grid;
+  grid-template-columns: repeat(8, minmax(90px, 1fr));
+  gap: 25px 25px;
 `
 
 export default AppsPage