diff --git a/ui/src/style/chronograf/components/_Visualization.scss b/ui/src/style/chronograf/components/_Visualization.scss
index b4bced9251..8aad553904 100644
--- a/ui/src/style/chronograf/components/_Visualization.scss
+++ b/ui/src/style/chronograf/components/_Visualization.scss
@@ -91,16 +91,18 @@ $dygraphs-legend-offset: 32px;
     border-radius: 0 0 4px 4px;
     padding: 8px 16px;
     position: relative;
+    height: 316px;
   }
   &__graph-empty {
     width: 100%;
-    height: 140px;
+    height: 300px;
     display: flex;
     align-items: center;
     justify-content: center;
 
     > * {
       margin: 0;
+      color: $g8-storm;
     }
   }
   &__graph-fetching {
diff --git a/ui/src/style/enterprise_style/hosts.scss b/ui/src/style/enterprise_style/hosts.scss
index 295101b8ae..550399d276 100644
--- a/ui/src/style/enterprise_style/hosts.scss
+++ b/ui/src/style/enterprise_style/hosts.scss
@@ -32,7 +32,7 @@
     @include custom-scrollbar($g2-kevlar,$c-pool);
 
     .container-fluid {
-      padding-bottom: $chronograf-page-header-height;
+      padding-bottom: ($chronograf-page-header-height / 2);
     }
   }
 
@@ -138,6 +138,8 @@
 }
 .hosts-dashboard {
   max-width: 100%;
+  padding-top: 30px;
+  padding-bottom: 30px;
 }
 .graph-panel__graph-container.hosts-graph {
   padding: 8px 16px;