diff --git a/dinky-web/src/pages/RegCenter/Alert/AlertTemplate/index.tsx b/dinky-web/src/pages/RegCenter/Alert/AlertTemplate/index.tsx
index a31db5cff2..4045503075 100644
--- a/dinky-web/src/pages/RegCenter/Alert/AlertTemplate/index.tsx
+++ b/dinky-web/src/pages/RegCenter/Alert/AlertTemplate/index.tsx
@@ -32,6 +32,7 @@ import { PlusOutlined } from '@ant-design/icons';
 import { PageContainer } from '@ant-design/pro-layout';
 import { Button, Card, List, Modal, Typography } from 'antd';
 import { useState } from 'react';
+import Markdown from 'react-markdown';
 const { Paragraph } = Typography;
 
 export default () => {
@@ -120,7 +121,11 @@ export default () => {
             <Card.Meta
               style={{ width: '100%', height: '15vh' }}
               title={<a>{item.name}</a>}
-              description={<Paragraph ellipsis={{ rows: 3 }}>{item.templateContent}</Paragraph>}
+              description={
+                <Markdown skipHtml={true} unwrapDisallowed>
+                  {item.templateContent}
+                </Markdown>
+              }
             />
           </Card>
         </List.Item>
diff --git a/dinky-web/src/pages/RegCenter/Resource/components/FileTree/index.tsx b/dinky-web/src/pages/RegCenter/Resource/components/FileTree/index.tsx
index 3fe70200e4..411da00875 100644
--- a/dinky-web/src/pages/RegCenter/Resource/components/FileTree/index.tsx
+++ b/dinky-web/src/pages/RegCenter/Resource/components/FileTree/index.tsx
@@ -38,6 +38,7 @@ const FileTree: React.FC<FileTreeProps> = (props) => {
     <>
       {treeData.length > 0 ? (
         <DirectoryTree
+          className={'treeList'}
           selectedKeys={selectedKeys}
           onSelect={(_, info) => onNodeClick(info)}
           onRightClick={(info) => onRightClick(info)}
diff --git a/dinky-web/src/pages/RegCenter/Resource/components/ResourceOverView/index.tsx b/dinky-web/src/pages/RegCenter/Resource/components/ResourceOverView/index.tsx
index 262d43afad..4f5edba375 100644
--- a/dinky-web/src/pages/RegCenter/Resource/components/ResourceOverView/index.tsx
+++ b/dinky-web/src/pages/RegCenter/Resource/components/ResourceOverView/index.tsx
@@ -236,10 +236,10 @@ const ResourceOverView: React.FC = () => {
    */
   return (
     <>
-      <ProCard size={'small'} bodyStyle={{ height: parent.innerHeight - 80 }}>
+      <ProCard ghost size={'small'} bodyStyle={{ height: parent.innerHeight - 80 }}>
         <SplitPane
           split={'vertical'}
-          defaultSizes={[100, 500]}
+          defaultSizes={[150, 500]}
           minSize={150}
           className={'split-pane'}
         >
@@ -250,7 +250,12 @@ const ResourceOverView: React.FC = () => {
             size={100}
             split={'horizontal'}
           >
-            <ProCard ghost hoverable bodyStyle={{ height: parent.innerHeight }} colSpan={'18%'}>
+            <ProCard
+              hoverable
+              boxShadow
+              bodyStyle={{ height: parent.innerHeight - 80 }}
+              colSpan={'18%'}
+            >
               <FileTree
                 selectedKeys={resourceState.selectedKeys}
                 treeData={resourceState.treeData}
@@ -276,7 +281,7 @@ const ResourceOverView: React.FC = () => {
             size={100}
             split={'horizontal'}
           >
-            <ProCard ghost hoverable bodyStyle={{ height: parent.innerHeight }}>
+            <ProCard hoverable bodyStyle={{ height: parent.innerHeight }}>
               <FileShow
                 onChange={handleContentChange}
                 code={resourceState.content}