diff --git a/src/modules/title/title.ts b/src/modules/title/title.ts
index e448e81..26c2694 100644
--- a/src/modules/title/title.ts
+++ b/src/modules/title/title.ts
@@ -1,4 +1,4 @@
-import { LeftRightVerticalAdapt, LinearSegment, Tab } from 'ui';
+import { LeftRightVerticalAdapt, VerticalAdapt, LinearSegment, Tab } from 'ui';
 import { shortcut, store } from '@core/core';
 import { TitleModel, TitleModelXtype } from './title.model';
 import { PAGE_INDEX } from '@constants/constant';
@@ -32,9 +32,12 @@ export class Title extends BI.Widget {
                 left: [
                     {
                         type: LinearSegment,
+                        cls: 'bi-font-bold',
                         height: 40,
                         hgap: 10,
-                        width: 250,
+                        layouts: [{
+                            type: VerticalAdapt,
+                        }],
                         ref: (_ref: any) => {
                             this.linearSegment = _ref;
                         },
@@ -43,10 +46,12 @@ export class Title extends BI.Widget {
                                 text: BI.i18nText('Dec-Dcm_Connection_Management'),
                                 selected: true,
                                 value: PAGE_INDEX.CONNECTION,
+                                hgap: 15,
                             },
                             {
                                 text: BI.i18nText('Dec-Dcm_Pool_Connection_Management'),
                                 value: PAGE_INDEX.POOL,
+                                hgap: 15,
                             },
                         ],
                         listeners: [{