3 files changed, 25 insertions, 8 deletions
diff --git a/web/css/kvm/about.css b/web/css/kvm/about.css
index ccb3ad53..a841c3a6 100644
--- a/web/css/kvm/about.css
+++ b/web/css/kvm/about.css
@@ -30,8 +30,8 @@ div#about textarea {
 	width: 100%;
 	height: 200px;
 	padding: 0;
-	color: var(--fg-color-normal);
-	background-color: var(--bg-color-menu);
+	color: var(--fg-color-light);
+	background-color: var(--bg-color-dark);
 	border: none;
 	border-radius: 4px;
 	outline: 0 !important;
@@ -42,11 +42,11 @@ div#about textarea {
 }
 
 div#about textarea::-moz-placeholder {
-	line-height: 150px;
+	line-height: 190px;
 	text-align: center;
 }
 div#about textarea::-webkit-input-placeholder {
-	line-height: 150px;
+	line-height: 190px;
 	text-align: center;
 }
 
diff --git a/web/css/kvm/hid.css b/web/css/kvm/hid.css
index 8c420fe9..28f4291e 100644
--- a/web/css/kvm/hid.css
+++ b/web/css/kvm/hid.css
@@ -3,7 +3,7 @@ textarea#hid-pak-text {
 	resize: none;
 	width: 100%;
 	height: 40px;
-	color: var(--fg-color-dark);
+	color: var(--fg-color-intensive);
 	background-color: var(--bg-color-light);
 	border: none;
 	outline: 0 !important;
diff --git a/web/css/main.css b/web/css/main.css
index 953e4f3c..8f37f6bd 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -22,17 +22,34 @@ hr {
 }
 
 p.text {
-	display: table-cell;
 	text-align: justify;
 }
+p:not(:first-child).text {
+	margin-top: 0;
+}
+p:last-child.text {
+	margin-bottom: 0;
+}
 
-pre.code {
+div.code {
+	white-space: nowrap;
 	overflow-x: auto;
+	font-family: monospace;
+	border-radius: 4px;
 	color: var(--fg-color-dark);
 	background-color: var(--bg-color-dark);
 	padding: 10px;
 }
-pre.code span.code-comment {
+div.code::-webkit-scrollbar {
+    width: 8px;
+	height: 8px;
+}
+div.code::-webkit-scrollbar-thumb {
+	border-radius: 4px;
+	background: var(--fg-color-inactive);
+}
+
+div.code span.code-comment {
 	color: var(--fg-color-inactive);
 }