diff --git a/src/ui/css/diff2html.css b/src/ui/css/diff2html.css
index f133b01..6897f3a 100644
--- a/src/ui/css/diff2html.css
+++ b/src/ui/css/diff2html.css
@@ -194,7 +194,8 @@
   display: inline-block;
   overflow-x: scroll;
   overflow-y: hidden;
-  width: 50%;
+  /* width: 50%; */
+  flex-basis: 100%;
 }
 
 .d2h-code-line {
@@ -216,7 +217,7 @@
 }
 
 .d2h-code-line-ctn {
-  display: inline-block;
+  display: inline;
   background: none;
   padding: 0;
   word-wrap: normal;
@@ -224,6 +225,7 @@
   user-select: text;
   width: 100%;
   vertical-align: middle;
+
 }
 
 .d2h-code-line del,
@@ -283,6 +285,7 @@
   border: solid var(--d2h-line-border-color);
   border-width: 0 1px 0 1px;
   cursor: pointer;
+  height: 100%;
 }
 
 .d2h-code-linenumber:after {
@@ -599,6 +602,33 @@
   border: var(--d2h-dark-moved-label-color) 1px solid;
 }
 
+/* line folding */
+
+.d2h-wrapped-file-diff .d2h-code-line-ctn {
+  white-space: break-spaces;
+}
+
+.d2h-wrapped-file-diff .d2h-code-side-line {
+  width: auto;
+}
+
+.d2h-wrapped-file-diff .d2h-info .d2h-code-side-line {
+  white-space: break-spaces;
+}
+
+.d2h-wrapped-file-diff tr {
+  position: relative;
+}
+
+.d2h-wrapped-file-diff tr .d2h-code-side-linenumber {
+  height: 100%;
+}
+
+.d2h-wrapped-file-diff .d2h-file-side-diff tr .d2h-cntx:nth-child(2), .d2h-wrapped-file-diff .d2h-file-side-diff tr .d2h-cntx:nth-child(4) {
+  width: 50%;
+}
+
+
 /**
  * Auto Mode Colors
  */