diff --git a/src/core_plugins/kibana/public/dashboard/styles/index.less b/src/core_plugins/kibana/public/dashboard/styles/index.less
index 2646068c8efeaf..413cf8661984c3 100644
--- a/src/core_plugins/kibana/public/dashboard/styles/index.less
+++ b/src/core_plugins/kibana/public/dashboard/styles/index.less
@@ -378,6 +378,10 @@ dashboard-viewport-provider {
       z-index: 1; /* 1. */
       padding: 0 8px 8px 8px;
     }
+
+    .panel-content--fullWidth {
+      width: 100%;
+    }
   }
 
   /**
diff --git a/src/core_plugins/kibana/public/visualize/embeddable/visualize_embeddable_factory.js b/src/core_plugins/kibana/public/visualize/embeddable/visualize_embeddable_factory.js
index d9f0d8b097bb4d..2fedcb6937f29c 100644
--- a/src/core_plugins/kibana/public/visualize/embeddable/visualize_embeddable_factory.js
+++ b/src/core_plugins/kibana/public/visualize/embeddable/visualize_embeddable_factory.js
@@ -67,7 +67,7 @@ export class VisualizeEmbeddableFactory extends EmbeddableFactory {
           uiState: uiState,
           // Append visualization to container instead of replacing its content
           append: true,
-          cssClass: `panel-content`,
+          cssClass: `panel-content panel-content--fullWidth`,
           // The chrome is permanently hidden in "embed mode" in which case we don't want to show the spy pane, since
           // we deem that situation to be more public facing and want to hide more detailed information.
           showSpyPanel: !chrome.getIsChromePermanentlyHidden(),