diff --git a/baseline/css/interface.css b/baseline/css/interface.css
index 9e103d089b0faafbb12c362b50c03c83e02ad775..f1fe55647e70eeadd8f1b32f9d46a11564659f38 100644
--- a/baseline/css/interface.css
+++ b/baseline/css/interface.css
@@ -7,7 +7,7 @@
     }
     .pagedjs_pages {
         display: flex;
-        width: calc(var(--width) * 2);
+        width: calc(var(--pagedjs-width) * 2);
         flex: 0;
         flex-wrap: wrap;
         margin: 0 auto;
diff --git a/book-index/css/interface.css b/book-index/css/interface.css
index 9284624c1af9e610186ed556b0104e29c51dadd2..b38df4ef5d51409a627c2467db46ec46e1506246 100644
--- a/book-index/css/interface.css
+++ b/book-index/css/interface.css
@@ -34,7 +34,7 @@
     }
     .pagedjs_pages {
         display: flex;
-        width: calc(var(--width) * 2);
+        width: calc(var(--pagedjs-width) * 2);
         flex: 0;
         flex-wrap: wrap;
         margin: 0 auto;
@@ -49,7 +49,7 @@
         margin-top: 10mm;
     }
     .pagedjs_first_page {
-        margin-left: var(--width);
+        margin-left: var(--pagedjs-width);
     }
 
 
diff --git a/columnsAndFloat/css/book.css b/columnsAndFloat/css/book.css
index fa755258da87ceb905bf610df7a082f05c264561..5e0820472ac37ea0a59c1aef19af588ec46b0435 100644
--- a/columnsAndFloat/css/book.css
+++ b/columnsAndFloat/css/book.css
@@ -523,7 +523,7 @@ pre{
     }
     .pagedjs_pages{
         display:flex;
-        width:calc(var(--width) * 2);
+        width:calc(var(--pagedjs-width) * 2);
         flex:0;
         flex-wrap:wrap;
         margin:0 auto;
@@ -537,7 +537,7 @@ pre{
         margin-top:10mm;
     }
     .pagedjs_first_page{
-        margin-left:var(--width);
+        margin-left:var(--pagedjs-widthh);
     }
  
     .pagedjs_margin-content{
diff --git a/notes-float/css/interface.css b/notes-float/css/interface.css
index fd4799c6a5edeed89e851818e25e903009b22b2c..31d655355e07f21ef18950b50a3bed2ba5a749e0 100644
--- a/notes-float/css/interface.css
+++ b/notes-float/css/interface.css
@@ -26,7 +26,7 @@
     }
     .pagedjs_pages {
         display: flex;
-        width: calc(var(--width) * 2);
+        width: calc(var(--pagedjs-width) * 2);
         flex: 0;
         flex-wrap: wrap;
         margin: 0 auto;
@@ -41,7 +41,7 @@
         margin-top: 10mm;
     }
     .pagedjs_first_page {
-        margin-left: var(--width);
+        margin-left: var(--pagedjs-width);
         
     }
 
diff --git a/sidenotes/interface.css b/sidenotes/interface.css
index 9284624c1af9e610186ed556b0104e29c51dadd2..b38df4ef5d51409a627c2467db46ec46e1506246 100644
--- a/sidenotes/interface.css
+++ b/sidenotes/interface.css
@@ -34,7 +34,7 @@
     }
     .pagedjs_pages {
         display: flex;
-        width: calc(var(--width) * 2);
+        width: calc(var(--pagedjs-width) * 2);
         flex: 0;
         flex-wrap: wrap;
         margin: 0 auto;
@@ -49,7 +49,7 @@
         margin-top: 10mm;
     }
     .pagedjs_first_page {
-        margin-left: var(--width);
+        margin-left: var(--pagedjs-width);
     }
 
 
diff --git a/sidenotes/style.css b/sidenotes/style.css
index 62f993ceeb5c23dc579d659523cff05fbcc0067e..3c7baf28b93297573aac5f2a979b8384c5c370a4 100755
--- a/sidenotes/style.css
+++ b/sidenotes/style.css
@@ -34,16 +34,16 @@
 .area-sidenote-left {
 	width: 150px;
 	position:absolute;
-	top: var(--margin-top);
-	padding-left: 10mm;
+	top: var(--pagedjs-margin-top);
+	left: 10mm;
 	padding-right: 10mm;
 }
 
 .area-sidenote-right {
 	width: 150px;
-	top: var(--margin-top);
+	top: var(--pagedjs-margin-top);
 	position:absolute;
-	left: calc(var(--width) - var(--margin-right));
+	left: calc(var(--pagedjs-width) - var(--pagedjs-margin-right));
 	padding-left: 10mm;
 	padding-right: 10mm;
 }
diff --git a/table-of-content/css/interface.css b/table-of-content/css/interface.css
index 57ef1cb034f8604168249cda3fd557f4d7ee8167..c8e063e352740d620ddd4a7236c41de288b7e084 100644
--- a/table-of-content/css/interface.css
+++ b/table-of-content/css/interface.css
@@ -7,7 +7,7 @@
     }
     .pagedjs_pages {
         display: flex;
-        width: var(--width);
+        width: var(--pagedjs-width);
         flex: 0;
         flex-wrap: wrap;
         margin: 0 auto;