diff --git a/src/renderer/src/i18n/label.ts b/src/renderer/src/i18n/label.ts
index 8be3bbb3e3..3724ef04c5 100644
--- a/src/renderer/src/i18n/label.ts
+++ b/src/renderer/src/i18n/label.ts
@@ -144,7 +144,8 @@ const sidebarIconKeyMap = {
   translate: 'translate.title',
   minapp: 'minapp.title',
   knowledge: 'knowledge.title',
-  files: 'files.title'
+  files: 'files.title',
+  code_tools: 'code.title'
 } as const
 
 export const getSidebarIconLabel = (key: string): string => {
diff --git a/src/renderer/src/pages/settings/DisplaySettings/SidebarIconsManager.tsx b/src/renderer/src/pages/settings/DisplaySettings/SidebarIconsManager.tsx
index c19fabc70f..d5ff9cd69b 100644
--- a/src/renderer/src/pages/settings/DisplaySettings/SidebarIconsManager.tsx
+++ b/src/renderer/src/pages/settings/DisplaySettings/SidebarIconsManager.tsx
@@ -11,7 +11,7 @@ import { getSidebarIconLabel } from '@renderer/i18n/label'
 import { useAppDispatch } from '@renderer/store'
 import { setSidebarIcons } from '@renderer/store/settings'
 import { message } from 'antd'
-import { FileSearch, Folder, Languages, LayoutGrid, MessageSquareQuote, Palette, Sparkle } from 'lucide-react'
+import { Code, FileSearch, Folder, Languages, LayoutGrid, MessageSquareQuote, Palette, Sparkle } from 'lucide-react'
 import { FC, useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'
@@ -116,7 +116,8 @@ const SidebarIconsManager: FC<SidebarIconsManagerProps> = ({
       translate: <Languages size={16} />,
       minapp: <LayoutGrid size={16} />,
       knowledge: <FileSearch size={16} />,
-      files: <Folder size={15} />
+      files: <Folder size={15} />,
+      code_tools: <Code size={16} />
     }),
     []
   )
@@ -206,15 +207,14 @@ const IconColumn = styled.div`
 `
 
 const IconList = styled.div`
-  height: 365px;
-  min-height: 365px;
+  height: 400px;
+  min-height: 400px;
   padding: 10px;
   background: var(--color-background-soft);
   border-radius: 8px;
   border: 1px solid var(--color-border);
   display: flex;
   flex-direction: column;
-  overflow-y: hidden;
 `
 
 const IconItem = styled.div`
diff --git a/src/renderer/src/pages/settings/TranslateSettingsPopup/TranslateSettingsPopup.tsx b/src/renderer/src/pages/settings/TranslateSettingsPopup/TranslateSettingsPopup.tsx
index 6908d89ab3..7c6ff0f78e 100644
--- a/src/renderer/src/pages/settings/TranslateSettingsPopup/TranslateSettingsPopup.tsx
+++ b/src/renderer/src/pages/settings/TranslateSettingsPopup/TranslateSettingsPopup.tsx
@@ -40,8 +40,9 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
       afterClose={onClose}
       transitionName="animation-move-down"
       width="80vw"
+      footer={null}
       centered>
-      <SettingContainer theme={theme} style={{ padding: '10px 0' }}>
+      <SettingContainer theme={theme} style={{ padding: '10px 0', background: 'transparent' }}>
         <TranslatePromptSettings />
         <SettingGroup theme={theme} style={{ flex: 1 }}>
           <CustomLanguageSettings />
diff --git a/src/renderer/src/store/settings.ts b/src/renderer/src/store/settings.ts
index fd2853360f..f226f990f2 100644
--- a/src/renderer/src/store/settings.ts
+++ b/src/renderer/src/store/settings.ts
@@ -38,7 +38,8 @@ export const DEFAULT_SIDEBAR_ICONS: SidebarIcon[] = [
   'translate',
   'minapp',
   'knowledge',
-  'files'
+  'files',
+  'code_tools'
 ]
 
 export interface NutstoreSyncRuntime extends RemoteSyncState {}