diff --git a/src/main/kotlin/html4tree/main.kt b/src/main/kotlin/html4tree/main.kt
index 70857a8..c14010f 100644
--- a/src/main/kotlin/html4tree/main.kt
+++ b/src/main/kotlin/html4tree/main.kt
@@ -192,6 +192,11 @@ fun process_dir(curr_dir: File){
 
     val css = """
               <style nonce="${styleNonce}">
+              body {
+                font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+                line-height: 1.5;
+                padding: 1rem;
+              }
               ul {
                 list-style-type: none;
                 padding-left: 0;
diff --git a/src/test/kotlin/html4tree/MainTest.kt b/src/test/kotlin/html4tree/MainTest.kt
index d3dade6..eaa855d 100644
--- a/src/test/kotlin/html4tree/MainTest.kt
+++ b/src/test/kotlin/html4tree/MainTest.kt
@@ -179,6 +179,9 @@ class MainTest {
         assertTrue(htmlContent.contains("class=\"dir-link\""))
         assertTrue(htmlContent.contains(".empty-dir"))
         assertTrue(htmlContent.contains("prefers-color-scheme: dark"))
+        assertTrue(htmlContent.contains("font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;"))
+        assertTrue(htmlContent.contains("line-height: 1.5;"))
+        assertTrue(htmlContent.contains("padding: 1rem;"))
     }
 
     @Test