diff --git a/x-pack/legacy/plugins/canvas/canvas_plugin_src/renderers/embeddable/embeddable.tsx b/x-pack/legacy/plugins/canvas/canvas_plugin_src/renderers/embeddable/embeddable.tsx
index 549e69e57e921..50404ed83facc 100644
--- a/x-pack/legacy/plugins/canvas/canvas_plugin_src/renderers/embeddable/embeddable.tsx
+++ b/x-pack/legacy/plugins/canvas/canvas_plugin_src/renderers/embeddable/embeddable.tsx
@@ -31,7 +31,7 @@ const embeddablesRegistry: {
 const renderEmbeddable = (embeddableObject: IEmbeddable, domNode: HTMLElement) => {
   return (
     <div
-      className="embeddable"
+      className="canvasEmbeddable"
       style={{ width: domNode.offsetWidth, height: domNode.offsetHeight, cursor: 'auto' }}
     >
       <I18nContext>
diff --git a/x-pack/legacy/plugins/canvas/public/style/hackery.scss b/x-pack/legacy/plugins/canvas/public/style/hackery.scss
index 7c8a63a851592..87d636158c72e 100644
--- a/x-pack/legacy/plugins/canvas/public/style/hackery.scss
+++ b/x-pack/legacy/plugins/canvas/public/style/hackery.scss
@@ -46,3 +46,27 @@
     max-height: 680px; // limit for large screen displays
   }
 }
+
+.canvasEmbeddable .embPanel {
+  border: none;
+  background: none;
+
+  .embPanel__title {
+    margin-bottom: $euiSizeXS;
+  }
+
+  .embPanel__optionsMenuButton {
+    border-radius: $euiBorderRadius;
+  }
+
+  .canvas-isFullscreen & {
+    .embPanel__optionsMenuButton {
+      opacity: 0;
+    }
+
+    &:focus .embPanel__optionsMenuButton,
+    &:hover .embPanel__optionsMenuButton {
+      opacity: 1;
+    }
+  }
+}