fixes #81715

src/vs/workbench/contrib/debug/browser/breakpointEditorContribution.ts

@@ -30,6 +30,7 @@ import { memoize } from 'vs/base/common/decorators';
 import { StandardMouseEvent } from 'vs/base/browser/mouseEvent';
 import { distinct } from 'vs/base/common/arrays';
 import { RunOnceScheduler } from 'vs/base/common/async';
+import { EditorOption } from 'vs/editor/common/config/editorOptions';
 
 const $ = dom.$;
 
@@ -542,6 +543,20 @@ class InlineBreakpointWidget implements IContentWidget, IDisposable {
 				onHide: () => dispose(actions)
 			});
 		}));
+
+		const updateSize = () => {
+			const lineHeight = this.editor.getOption(EditorOption.lineHeight);
+			this.domNode.style.height = `${lineHeight}px`;
+			this.domNode.style.width = `${Math.ceil(0.8 * lineHeight)}px`;
+			this.domNode.style.marginLeft = `${Math.ceil(0.35 * lineHeight)}px`;
+		};
+		updateSize();
+
+		this.toDispose.push(this.editor.onDidChangeConfiguration(c => {
+			if (c.hasChanged(EditorOption.fontSize) || c.hasChanged(EditorOption.lineHeight)) {
+				updateSize();
+			}
+		}));
 	}
 
 	@memoize

src/vs/workbench/contrib/debug/browser/media/debug.contribution.css

@@ -50,7 +50,7 @@
 .monaco-editor .debug-breakpoint-placeholder::before,
 .monaco-editor .debug-top-stack-frame-column::before {
 	content: " ";
-	width: 1.3em;
+	width: 0.9em;
 	display: inline-block;
 	vertical-align: text-bottom;
 	margin-right: 2px;
@@ -62,9 +62,6 @@
 }
 
 .monaco-editor .inline-breakpoint-widget {
-	width: 1.3em;
-	height: 1.3em;
-	margin-left: 0.61em;
 	cursor: pointer;
 }