diff --git a/module/bug/css/x.view.css b/module/bug/css/x.view.css
index 325307eab0..fa64d76ab1 100644
--- a/module/bug/css/x.view.css
+++ b/module/bug/css/x.view.css
@@ -10,8 +10,11 @@
 #scrollContent:hover{overflow: overlay;}
 html, body, #main, .container { height: 100%;}
 body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);}
+.page-title {width: 100%;}
 .page-title > .label-id {min-width: 25px; line-height: 13px;}
+.page-title > .text {display: inline-block; width: calc(100% - 80px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 13px;}
 ::-webkit-scrollbar {width: 10px; height: 10px;}
 ::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;}
 .btn span{line-height: 16px; vertical-align: middle;}
 .linkButton {float: right; padding-right: 10px; line-height: 34px;}
+.btn-toolbar {width: calc(100% - 30px);}
\ No newline at end of file
diff --git a/module/story/css/x.view.css b/module/story/css/x.view.css
index 918723a4dc..2b9065069c 100644
--- a/module/story/css/x.view.css
+++ b/module/story/css/x.view.css
@@ -11,8 +11,11 @@
 #scrollContent:hover{overflow: overlay;}
 html, body, #main, .container { height: 100%;}
 body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);}
+.page-title {width: 100%;}
 .page-title > .label-id {min-width: 25px; line-height: 13px;}
+.page-title > .text {display: inline-block; width: calc(100% - 80px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 13px;}
 ::-webkit-scrollbar {width: 10px; height: 10px;}
 ::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;}
 .btn span{line-height: 16px; vertical-align: middle;}
-.linkButton {float: right; padding-right: 10px; line-height: 34px;}
\ No newline at end of file
+.linkButton {float: right; padding-right: 10px; line-height: 34px;}
+.btn-toolbar {width: calc(100% - 30px);}
\ No newline at end of file
diff --git a/module/task/css/x.view.css b/module/task/css/x.view.css
index 1534adf1d5..0767ac8149 100644
--- a/module/task/css/x.view.css
+++ b/module/task/css/x.view.css
@@ -11,8 +11,11 @@
 #scrollContent:hover{overflow: overlay;}
 html, body, #main, .container { height: 100%;}
 body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);}
+.page-title {width: 100%;}
 .page-title > .label-id {min-width: 25px; line-height: 13px;}
+.page-title > .text {display: inline-block; width: calc(100% - 80px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 13px;}
 ::-webkit-scrollbar {width: 10px; height: 10px;}
 ::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;}
 .btn span{line-height: 16px; vertical-align: middle;}
 .linkButton {float: right; padding-right: 10px; line-height: 34px;}
+.btn-toolbar {width: calc(100% - 30px);}