diff --git a/packages/core/src/lib/draw/base.ts b/packages/core/src/lib/draw/base.ts
index ad8bd9f..57e90cd 100644
--- a/packages/core/src/lib/draw/base.ts
+++ b/packages/core/src/lib/draw/base.ts
@@ -12,6 +12,7 @@ export function clearContext(ctx: TypeContext) {
   ctx.setFillStyle('rgb(0 0 0 / 0%)');
   ctx.setStrokeStyle('rgb(0 0 0 / 0%)');
   ctx.setLineDash([]);
+  ctx.setGlobalAlpha(1);
 }
 
 export function drawBgColor(ctx: TypeContext, color: string) {
diff --git a/packages/core/src/lib/draw/wrapper.ts b/packages/core/src/lib/draw/wrapper.ts
index 75c3fb9..49b23b6 100644
--- a/packages/core/src/lib/draw/wrapper.ts
+++ b/packages/core/src/lib/draw/wrapper.ts
@@ -64,7 +64,11 @@ export function drawAreaWrapper(ctx: TypeContext, config: TypeHelperConfig) {
   const wrapper = config.selectedAreaWrapper;
   if (wrapper && wrapper.w > 0 && wrapper.h > 0) {
     clearContext(ctx);
-    // draw wrapper's box
+    ctx.setGlobalAlpha(0.3);
+    ctx.setFillStyle(wrapper.color);
+    ctx.fillRect(wrapper.x, wrapper.y, wrapper.w, wrapper.h);
+
+    clearContext(ctx);
     ctx.beginPath();
     ctx.setLineDash([]);
     ctx.setLineWidth(wrapper.lineWidth);