diff --git a/Client/WebServer/css/docs.css b/Client/WebServer/css/docs.css
index 340daac87..41ac87738 100644
--- a/Client/WebServer/css/docs.css
+++ b/Client/WebServer/css/docs.css
@@ -46,6 +46,11 @@ border: 0px solid #dedede;
 padding: 5px;
 }
 
+.docs-table-cell{
+  display: table-cell;
+  width: 100%;
+}
+
 .docs-definition-table {
 background-color: #f9f9f9;
 vertical-align: middle;
@@ -57,6 +62,7 @@ margin-top: 20px;
 margin-right: 20px;
 border: 1px solid #dedede;
 padding: 10px;
+display: table;
 }
 
 .docs-image-container {
@@ -65,6 +71,7 @@ border: solid 0px;
 margin-left: auto;
 margin-right: auto;
 width: 100%;
+display: table-cell;
 }
 
 .docs-hierarchy-image-container {
diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
index c89d67f95..be33837d1 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
@@ -1934,7 +1934,7 @@ function newSuperalgosDocSpace() {
                 titleLabel = docsSchemaDocument.type
             }
 
-            HTML = HTML + '<div id="docs-main-title-div"><table class="docs-title-table"><tr><td width="50px"><div id="projectImageDiv" class="docs-image-container"/></td><td><h2 class="docs-h2" id="' + objectBeingRendered.type.toLowerCase().replace(' ', '-') + '" > ' + titleLabel + '</h2></td></tr></table></div>'
+            HTML = HTML + '<div id="docs-main-title-div" class="docs-title-table"><div class="docs-table-cell"><h2 class="docs-h2" id="' + objectBeingRendered.type.toLowerCase().replace(' ', '-') + '" > ' + titleLabel + '</h2></div><div id="projectImageDiv" class="docs-image-container"/></div>'
 
             addDefinitionTable(docsSchemaDocument, 'definition-editable-', objectBeingRendered.category, objectBeingRendered.project, objectBeingRendered.type)