diff --git a/main.ts b/main.ts
index b205188..02909a9 100644
--- a/main.ts
+++ b/main.ts
@@ -30,7 +30,6 @@ export default class Dirtreeist extends Plugin {
 			(source, el, ctx) => {
 				const result = dirtreeist(source, this.settings);
 				const div = el.createEl("div");
-				div.style.whiteSpace = "pre";
 
 				div.innerText = result.reduce((prev, dirtree, index) => {
 					return prev + (index !== 0 ? "\n\n" : "") + dirtree;
diff --git a/styles.css b/styles.css
index 71cc60f..90fb7f7 100644
--- a/styles.css
+++ b/styles.css
@@ -1,8 +1,9 @@
-/*
-
-This CSS file will be included with your plugin, and
-available in the app when your plugin is enabled.
-
-If your plugin does not need CSS, delete this file.
-
-*/
+.block-language-dirtree {
+	font-family: "MS ゴシック", Osaka-等幅, monospace;
+    word-spacing: normal;
+	white-space: pre;
+	color: var(--code-normal);
+	background-color: var(--code-background);
+	padding: var(--size-4-4);
+	font-size: var(--code-size);
+}