fix: adjusted max-width in McpDescription.tsx

src/renderer/src/assets/styles/ant.scss

@@ -17,7 +17,7 @@
 }
 
 .ant-tabs-tab-btn {
-  outline: none;
+  outline: none !important;
 }
 
 .ant-segmented-group {

src/renderer/src/pages/settings/DisplaySettings/SidebarIconsManager.tsx

@@ -10,7 +10,7 @@ import {
 import { useAppDispatch } from '@renderer/store'
 import { setSidebarIcons } from '@renderer/store/settings'
 import { message } from 'antd'
-import { Folder, Languages, LayoutGrid, FileSearch, MessageSquareQuote, Palette, Sparkle } from 'lucide-react'
+import { 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'

src/renderer/src/pages/settings/MCPSettings/McpDescription.tsx

@@ -43,6 +43,7 @@ const MCPDescription: FC<McpDescriptionProps> = ({ searchKey }) => {
 }
 const Section = styled.div`
   padding-top: 8px;
+  max-width: calc(100vw - var(--sidebar-width) - var(--settings-width) - 75px);
 `
 
 export default memo(MCPDescription)

src/renderer/src/pages/settings/MCPSettings/McpSettings.tsx

@@ -585,6 +585,7 @@ const McpSettings: React.FC = () => {
       )
     }
   ]
+
   if (server.searchKey) {
     tabs.push({
       key: 'description',

src/renderer/src/utils/shiki.ts

@@ -1,7 +1,7 @@
+import { BundledLanguage, BundledTheme } from 'shiki/bundle/web'
 import { getTokenStyleObject, type HighlighterGeneric, SpecialLanguage, ThemedToken } from 'shiki/core'
 
 import { AsyncInitializer } from './asyncInitializer'
-import { BundledLanguage, BundledTheme } from 'shiki/bundle/web'
 
 export const DEFAULT_LANGUAGES = ['javascript', 'typescript', 'python', 'java', 'markdown', 'json']
 export const DEFAULT_THEMES = ['one-light', 'material-theme-darker']