diff --git a/nise-replay-viewer/src/osu/OsuRenderer.ts b/nise-replay-viewer/src/osu/OsuRenderer.ts
index 40fa760..804ccfe 100644
--- a/nise-replay-viewer/src/osu/OsuRenderer.ts
+++ b/nise-replay-viewer/src/osu/OsuRenderer.ts
@@ -416,19 +416,18 @@ export class OsuRenderer {
       hitObject.path.path,
       hitObject.radius
     );
-    Drawer.setDrawingOpacity(sliderCircleOpacity);
-
     Drawer.drawApproachCircle(
       hitObject.stackedStartPosition,
       hitObject.radius,
       arScale
     );
+    Drawer.setDrawingOpacity(sliderCircleOpacity);
     Drawer.drawHitCircle(
       hitObject.stackedStartPosition,
       hitObject.radius,
       hitObject.currentComboIndex
     );
-
+    Drawer.setDrawingOpacity(opacity * 0.8);
     let progress = (this.time - hitObject.startTime) / hitObject.duration;
     let position = hitObject.stackedStartPosition.add(
       hitObject.path.curvePositionAt(progress, hitObject.repeats + 1)