diff --git a/open-isle-cli/src/assets/global.css b/open-isle-cli/src/assets/global.css
index c23f7d07d..9b6b9f271 100644
--- a/open-isle-cli/src/assets/global.css
+++ b/open-isle-cli/src/assets/global.css
@@ -6,6 +6,7 @@
   --menu-background-color: white;
   --menu-border-color: lightgray;
   --menu-selected-background-color: rgba(208, 250, 255, 0.659);
+  --scroller-background-color: rgba(130, 175, 180, 0.5);
   --normal-background-color: lightgrrgb(208, 246, 255)
   --menu-width: 200px;
   --page-max-width: 1200px;
diff --git a/open-isle-cli/src/views/PostPageView.vue b/open-isle-cli/src/views/PostPageView.vue
index 974dc0a38..37e26c578 100644
--- a/open-isle-cli/src/views/PostPageView.vue
+++ b/open-isle-cli/src/views/PostPageView.vue
@@ -258,22 +258,24 @@ export default {
 .post-page-scroller-container {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: center;
   width: 15%;
-  background-color: #f0f0f0;
+}
+
+.scroller {
+  margin-top: 20px;
+  margin-left: 20px;
 }
 
 .scroller-time {
   font-size: 14px;
-  opacity: 0.7;
+  opacity: 0.5;
 }
 
 .scroller-middle {
   margin: 10px 0;
+  margin-left: 10px;
   display: flex;
   flex-direction: row;
-  align-items: center;
   gap: 8px;
 }
 
@@ -287,20 +289,19 @@ export default {
 }
 
 .scroller-range::-webkit-slider-runnable-track {
-  width: 2px;
+  width: 1px;
   height: 100%;
-  background-color: #ccc;
-  border-radius: 1px;
+  background-color: var(--scroller-background-color);
 }
 
 .scroller-range::-webkit-slider-thumb {
   -webkit-appearance: none;
-  width: 10px;
-  height: 10px;
-  background-color: #333;
-  border-radius: 50%;
+  width: 6px;
+  height: 60px;
+  right: 2px;
+  border-radius: 3px;
+  background-color: var(--scroller-background-color);
   cursor: pointer;
-  margin-top: -4px;
 }
 
 .scroller-range::-moz-range-track {
@@ -319,8 +320,9 @@ export default {
 }
 
 .scroller-index {
-  font-size: 14px;
-  opacity: 0.7;
+  font-size: 17px;
+  font-weight: bold;
+  margin-top: 10px;
 }
 
 .article-title-container {