diff --git a/public/static/ui/gb_ui.css b/public/static/ui/gb_ui.css
index 106bac0..777b393 100644
--- a/public/static/ui/gb_ui.css
+++ b/public/static/ui/gb_ui.css
@@ -59,12 +59,13 @@
 }
 
 .gb_entry_message_text {
-    margin:0;
-    padding:0;
-    font-size:10pt;
-    max-width:800px;
-    height:300px;
-    word-wrap:break-word
+    margin: 0;
+    padding: 10px;
+    font-size: 10pt;
+    max-width: 60vw;
+    max-height: 256px;
+    word-wrap: break-word;
+    overflow-y: scroll;
 }
 
 /* ui elements */
diff --git a/view/guestbook.pug b/view/guestbook.pug
index 3154751..a0eb8bf 100644
--- a/view/guestbook.pug
+++ b/view/guestbook.pug
@@ -111,5 +111,5 @@ block content
                                 a(href='/guestbook/del/' + entry.id class='gb_record_del_btn' title='you can delete your own messages') delete
                     td(width='80%' class='gb_entry_text')
                         p(class='gb_entry_text_title') Message:
-                        p(class='gb_entry_message_text').
+                        pre(class='gb_entry_message_text').
                             #{entry.text}
\ No newline at end of file