diff --git a/module/bug/css/x.view.css b/module/bug/css/x.view.css
index ca185ef9cc..03eed93c6a 100644
--- a/module/bug/css/x.view.css
+++ b/module/bug/css/x.view.css
@@ -6,12 +6,13 @@
 #mainContent .col-4 {display: none;}
 .modal-dialog {width: 90%;}
 #mainMenu {position: fixed; width: 100%; z-index: 999;}
-#wholeContent {margin-top: 35px; height: calc(100% - 75px); display: block; overflow-y: auto;}
+#wholeContent {margin-top: 35px; height: calc(100% - 90px); display: block; overflow: hidden;}
+#wholeContent:hover{overflow: overlay;}
 html, body, #main, .container { height: 100%;}
 #actionbox {display: none;}
 body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);}
 .page-title > .label-id {min-width: 25px; 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;}
+::-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;}
 .m-bug-view:hover{overflow: overlay;}
 .m-bug-view{overflow: hidden;}
diff --git a/module/story/css/x.view.css b/module/story/css/x.view.css
index 1849819661..ce9389ac43 100644
--- a/module/story/css/x.view.css
+++ b/module/story/css/x.view.css
@@ -7,12 +7,11 @@
 .col-8>.cell {min-height: 300px;}
 .modal-dialog {width: 90%;}
 #mainMenu {position: fixed; width: 100%; z-index: 999;}
-#wholeContent {margin-top: 35px; height: calc(100% - 75px); display: block; overflow-y: auto;}
+#wholeContent {margin-top: 35px; height: calc(100% - 90px); display: block; overflow: hidden;}
+#wholeContent:hover{overflow: overlay;}
 html, body, #main, .container { height: 100%;}
 #actionbox {display: none;}
 body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);}
 .page-title > .label-id {min-width: 25px; 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;}
-.m-story-view:hover{overflow: overlay;}
-.m-story-view{overflow: hidden;}
+::-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;}
diff --git a/module/task/css/x.view.css b/module/task/css/x.view.css
index a400687182..35671ec69b 100644
--- a/module/task/css/x.view.css
+++ b/module/task/css/x.view.css
@@ -7,12 +7,13 @@
 .col-8 > .cell {min-height: 300px;}
 .modal-dialog {width: 90%;}
 #mainMenu {position: fixed; width: 100%; z-index: 999;}
-#wholeContent {margin-top: 35px; height: calc(100% - 75px); display: block; overflow-y: auto;}
+#wholeContent {margin-top: 35px; height: calc(100% - 90px); display: block; overflow: hidden;}
+#wholeContent:hover{overflow: overlay;}
 html, body, #main, .container { height: 100%;}
 #actionbox {display: none;}
 body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);}
 .page-title > .label-id {min-width: 25px; 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;}
+::-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;}
 .m-task-view:hover{overflow: overlay;}
 .m-task-view{overflow: hidden;}