diff --git a/news/2 Fixes/10154.md b/news/2 Fixes/10154.md
new file mode 100644
index 000000000000..b5ab48cc2c8b
--- /dev/null
+++ b/news/2 Fixes/10154.md	
@@ -0,0 +1 @@
+Correct image backgrounds for notebook editor.
\ No newline at end of file
diff --git a/src/datascience-ui/native-editor/nativeEditor.less b/src/datascience-ui/native-editor/nativeEditor.less
index 4e2fdcf656f9..51ccba4b05ec 100644
--- a/src/datascience-ui/native-editor/nativeEditor.less
+++ b/src/datascience-ui/native-editor/nativeEditor.less
@@ -293,7 +293,7 @@
 
 .native-button {
     margin-top: 3px;
-    background: var(--override-background, var(--vscode-editor-background));
+    background: transparent;
     z-index: 10;
 }
 
diff --git a/src/datascience-ui/react-common/imageButton.tsx b/src/datascience-ui/react-common/imageButton.tsx
index 8e393ef1609e..6105b49ec693 100644
--- a/src/datascience-ui/react-common/imageButton.tsx
+++ b/src/datascience-ui/react-common/imageButton.tsx
@@ -22,7 +22,7 @@ export class ImageButton extends React.Component<IImageButtonProps> {
 
     public render() {
         const classNames = `image-button image-button-${this.props.baseTheme} ${this.props.hidden ? 'hide' : ''} ${
-            this.props.className
+            this.props.className ? this.props.className : ''
         }`;
         const innerFilter = this.props.disabled ? 'image-button-inner-disabled-filter' : '';
         const ariaDisabled = this.props.disabled ? 'true' : 'false';