diff --git a/resources/js/components/comments.vue b/resources/js/components/comments.vue
index 57b3d21..8e4e62d 100644
--- a/resources/js/components/comments.vue
+++ b/resources/js/components/comments.vue
@@ -11,7 +11,7 @@
               <cite class="fn">{{ (c.name || '名無しのテクニシャン') }}</cite> <span class="says">より:</span>
               <span class="comment-meta commentmetadata"> <a :href="`/blog/${slug}#comment-${c.id}`">{{ c.created }}</a></span>
             </div>
-            <p>{{ c.message }}</p>
+            <p style="white-space: pre-wrap;">{{ c.message }}</p>
             <div class="reply">返信</div>
           </div>
         </li>
diff --git a/resources/sass/_scroll.scss b/resources/sass/_scroll.scss
new file mode 100644
index 0000000..8d486a8
--- /dev/null
+++ b/resources/sass/_scroll.scss
@@ -0,0 +1,21 @@
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: $suwa03;
+  transition: background 0.3s;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: $suwa01;
+}
+
+::-webkit-scrollbar-thumb:active {
+  background: $suwa08;
+}
+
+::-webkit-scrollbar-track {
+  background-color: $white1;
+  background: $black1;
+}
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 92cd8df..ab52bf5 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -19,6 +19,9 @@
 // コンテンツ
 @import "contents";
 
+// スクロール
+@import "scroll";
+
 // コンポーネント
 @import "conponent/badge";
 @import "conponent/button";