diff --git a/web/documentserver-example/csharp-mvc/Content/media.css b/web/documentserver-example/csharp-mvc/Content/media.css
index e13522c6..50c8580b 100644
--- a/web/documentserver-example/csharp-mvc/Content/media.css
+++ b/web/documentserver-example/csharp-mvc/Content/media.css
@@ -124,6 +124,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+
     .main-panel {
         left: 0;
         padding: 48px 18px 24px;
@@ -362,6 +366,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+    
     .copy {
         width: 100%;
         text-align: center;
diff --git a/web/documentserver-example/csharp/App_Themes/media.css b/web/documentserver-example/csharp/App_Themes/media.css
index e13522c6..50c8580b 100644
--- a/web/documentserver-example/csharp/App_Themes/media.css
+++ b/web/documentserver-example/csharp/App_Themes/media.css
@@ -124,6 +124,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+
     .main-panel {
         left: 0;
         padding: 48px 18px 24px;
@@ -362,6 +366,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+    
     .copy {
         width: 100%;
         text-align: center;
diff --git a/web/documentserver-example/java-spring/src/main/resources/static/css/media.css b/web/documentserver-example/java-spring/src/main/resources/static/css/media.css
index 0a3f5850..5063e494 100644
--- a/web/documentserver-example/java-spring/src/main/resources/static/css/media.css
+++ b/web/documentserver-example/java-spring/src/main/resources/static/css/media.css
@@ -129,6 +129,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+
     .left-panel {
         width: 90%;
     }
@@ -367,6 +371,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+    
     .copy {
         width: 100%;
         text-align: center;
diff --git a/web/documentserver-example/java/src/main/webapp/css/media.css b/web/documentserver-example/java/src/main/webapp/css/media.css
index 6094e671..18447201 100644
--- a/web/documentserver-example/java/src/main/webapp/css/media.css
+++ b/web/documentserver-example/java/src/main/webapp/css/media.css
@@ -123,6 +123,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+
     .main-panel {
         left: 0;
         padding: 48px 18px 24px;
@@ -352,6 +356,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+    
     .copy {
         width: 100%;
         text-align: center;
diff --git a/web/documentserver-example/nodejs/public/stylesheets/media.css b/web/documentserver-example/nodejs/public/stylesheets/media.css
index 14bce851..46c2db8d 100644
--- a/web/documentserver-example/nodejs/public/stylesheets/media.css
+++ b/web/documentserver-example/nodejs/public/stylesheets/media.css
@@ -124,6 +124,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+
     .main-panel {
         left: 0;
         padding: 48px 18px 24px;
@@ -362,6 +366,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+    
     .copy {
         width: 100%;
         text-align: center;
diff --git a/web/documentserver-example/php/css/media.css b/web/documentserver-example/php/css/media.css
index 7a241e5b..d5027689 100755
--- a/web/documentserver-example/php/css/media.css
+++ b/web/documentserver-example/php/css/media.css
@@ -124,6 +124,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+
     .main-panel {
         left: 0;
         padding: 48px 18px 24px;
@@ -363,6 +367,11 @@
         height: 80px;
     }
 
+
+    .main {
+        height: calc(100% - 128px); 
+    }
+    
     .copy {
         width: 100%;
         text-align: center;
diff --git a/web/documentserver-example/python/static/css/media.css b/web/documentserver-example/python/static/css/media.css
index f8b1d66f..c4a83a62 100644
--- a/web/documentserver-example/python/static/css/media.css
+++ b/web/documentserver-example/python/static/css/media.css
@@ -124,6 +124,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+
     .main-panel {
         left: 0;
         padding: 48px 18px 24px;
@@ -363,6 +367,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+    
     .copy {
         width: 100%;
         text-align: center;
diff --git a/web/documentserver-example/ruby/app/assets/stylesheets/media.css b/web/documentserver-example/ruby/app/assets/stylesheets/media.css
index f8b1d66f..c4a83a62 100644
--- a/web/documentserver-example/ruby/app/assets/stylesheets/media.css
+++ b/web/documentserver-example/ruby/app/assets/stylesheets/media.css
@@ -124,6 +124,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+
     .main-panel {
         left: 0;
         padding: 48px 18px 24px;
@@ -363,6 +367,10 @@
         height: 80px;
     }
 
+    .main {
+        height: calc(100% - 128px); 
+    }
+    
     .copy {
         width: 100%;
         text-align: center;