diff --git a/src/browser/Decorations/OverviewRulerRenderer.ts b/src/browser/Decorations/OverviewRulerRenderer.ts
index d497b14b7c..1998d18a76 100644
--- a/src/browser/Decorations/OverviewRulerRenderer.ts
+++ b/src/browser/Decorations/OverviewRulerRenderer.ts
@@ -87,7 +87,7 @@ export class OverviewRulerRenderer extends Disposable {
       return;
     }
     this._ctx.lineWidth = 1;
-    this._ctx.fillStyle = decoration.overviewRulerOptions?.color || decoration.options.overviewRulerOptions.color;
+    this._ctx.fillStyle = decoration.options.overviewRulerOptions.color;
     this._ctx.fillRect(
       decoration.options.overviewRulerOptions.position === 'full' ||  decoration.options.overviewRulerOptions.position === 'left' ? 0 : decoration.options.overviewRulerOptions.position === 'right' ? renderSizes[SizeIndex.OUTER_SIZE] + renderSizes[SizeIndex.INNER_SIZE]: renderSizes[SizeIndex.OUTER_SIZE],
       Math.round(this._canvas.height * (decoration.options.marker.line / this._bufferService.buffers.active.lines.length)),
@@ -113,15 +113,7 @@ export class OverviewRulerRenderer extends Disposable {
     const element = this._decorationElements.get(decoration);
     if (!element) {
       this._decorationElements.set(decoration, this._canvas);
-      decoration.onDispose(() => {
-        this._ctx?.clearRect(
-          !decoration!.options!.overviewRulerOptions?.position ||  decoration!.options!.overviewRulerOptions?.position === 'left' ? 0 : decoration!.options!.overviewRulerOptions?.position === 'right' ? renderSizes[SizeIndex.OUTER_SIZE] + renderSizes[SizeIndex.INNER_SIZE]: renderSizes[SizeIndex.OUTER_SIZE],
-          Math.round(this._canvas.height * (decoration!.options!.marker.line / this._bufferService.buffers.active.lines.length)),
-          !decoration!.options!.overviewRulerOptions?.position ? this._width : decoration!.options!.overviewRulerOptions?.position === 'center' ? renderSizes[SizeIndex.INNER_SIZE] : renderSizes[SizeIndex.OUTER_SIZE],
-          // when a position is provided, the element has less width, so increase its height
-          window.devicePixelRatio * (decoration!.options!.overviewRulerOptions?.position ? 6 : 2)
-        );
-      });
+      decoration.onDispose(() => this._queueRefresh());
     }
     this._refreshStyle(decoration, updateAnchor);
   }
diff --git a/typings/xterm.d.ts b/typings/xterm.d.ts
index 410cef46c7..d1eb38903a 100644
--- a/typings/xterm.d.ts
+++ b/typings/xterm.d.ts
@@ -7,8 +7,6 @@
  * to be stable and consumed by external programs.
  */
 
-import { IModelDecorationOverviewRulerOptions } from 'vs/editor/common/model';
-
 /// <reference lib="dom"/>
 
 declare module 'xterm' {