diff --git a/packages/hawtio/src/plugins/camel/route-diagram/RouteDiagram.css b/packages/hawtio/src/plugins/camel/route-diagram/RouteDiagram.css
index 177fc8a7..9e75fb13 100644
--- a/packages/hawtio/src/plugins/camel/route-diagram/RouteDiagram.css
+++ b/packages/hawtio/src/plugins/camel/route-diagram/RouteDiagram.css
@@ -66,9 +66,10 @@
 .camel-route-diagram {
   flex-grow: 1;
   position: relative;
-  height: 60vh;
+  /* 230px representss size of hawtio bar, panel header,tab  navigation,and footer  */
+  height: calc(100vh - 230px);
   min-height: 50vh;
-  max-height: 75vh;
+  max-height: calc(100vh - 230px);
   width: 100%;
 }
 
diff --git a/packages/hawtio/src/plugins/camel/trace/Tracing.css b/packages/hawtio/src/plugins/camel/trace/Tracing.css
index 5aaa917e..6beb1dd3 100644
--- a/packages/hawtio/src/plugins/camel/trace/Tracing.css
+++ b/packages/hawtio/src/plugins/camel/trace/Tracing.css
@@ -23,6 +23,14 @@
   flex: 1;
 }
 
+#route-diagram-tracing-view .camel-route-diagram {
+  /* 330px is approximately size of hawtio bar, header, navigation, paddings and footer  */
+  height: calc(100vh - 330px);
+  min-height: 50vh;
+  max-height: calc(100vh - 330px);
+  width: 100%;
+}
+
 #trace-header-container {
   display: flex;
   justify-content: space-between;