diff --git a/src/lib/device/metronome/MetronomeOptions.svelte b/src/lib/device/metronome/MetronomeOptions.svelte
index 04ffb53..097a277 100644
--- a/src/lib/device/metronome/MetronomeOptions.svelte
+++ b/src/lib/device/metronome/MetronomeOptions.svelte
@@ -38,7 +38,7 @@
 				min={20}
 			/>
 		</div>
-		<div class="tooltip tooltip-right min-h-0" data-tip="Only last 5 taps will be calculated">
+		<div class="tooltip tooltip-bottom min-h-0" data-tip="Only last 5 taps will be calculated">
 			<button
 				class="btn btn-square btn-primary aspect-square h-10 min-h-0 p-0"
 				on:click={(e) => {
diff --git a/src/lib/practice/RandomBox/RandomBoxProvider.svelte b/src/lib/practice/RandomBox/RandomBoxProvider.svelte
index e0cb5d2..080ccde 100644
--- a/src/lib/practice/RandomBox/RandomBoxProvider.svelte
+++ b/src/lib/practice/RandomBox/RandomBoxProvider.svelte
@@ -8,8 +8,6 @@
 	const randomBox = setRandomBoxContext(new RandomBox<T>(items));
 	$: randomBox.items = items;
 
-	console.log(randomBox);
-
 	onDestroy(() => {
 		randomBox.destroy();
 	});
diff --git a/src/lib/timer/tick.ts b/src/lib/timer/tick.ts
index f40d4c6..97ba18c 100644
--- a/src/lib/timer/tick.ts
+++ b/src/lib/timer/tick.ts
@@ -119,7 +119,6 @@ export class AudioClockTimer {
 
 				const cleanupIdList = this.#cleanupSchedules.getAll(tickState.tickPassed);
 				if (cleanupIdList) {
-					console.log(cleanupIdList);
 					cleanupIdList.forEach((id) => {
 						const event = this.#events.get(id);
 						if (event && event.cleanup) {
diff --git a/src/routes/practice/(practice)/[category]/[slug]/+layout.svelte b/src/routes/practice/(practice)/[category]/[slug]/+layout.svelte
index fe53b08..903c5f7 100644
--- a/src/routes/practice/(practice)/[category]/[slug]/+layout.svelte
+++ b/src/routes/practice/(practice)/[category]/[slug]/+layout.svelte
@@ -12,8 +12,6 @@
 		timer.beatPerBar = practice.tempo.beatPerBar;
 		timer.signatureUnit = practice.tempo.signatureUnit;
 	}
-
-	console.log(timer);
 </script>
 
 <MetronomeProvider {timer}>
diff --git a/src/routes/practice/(practice)/[category]/[slug]/+page.svelte b/src/routes/practice/(practice)/[category]/[slug]/+page.svelte
index 92c0b45..98e0b36 100644
--- a/src/routes/practice/(practice)/[category]/[slug]/+page.svelte
+++ b/src/routes/practice/(practice)/[category]/[slug]/+page.svelte
@@ -54,7 +54,6 @@
 			}
 			// preload soundfont
 			guitarSoundfont.load.then(() => {
-				console.count('afterload');
 				currentScheduleIdList.forEach((id) => {
 					timer.cancelSchedule(id);
 				});
@@ -74,7 +73,6 @@
 			const boardScheduleId = timer.scheduleOnTempo({
 				time: board.time,
 				animation: () => {
-					console.log('replace board');
 					currentActiveFingers.clear();
 					currentBoard = board;
 				}
@@ -101,7 +99,6 @@
 					currentActiveFingers = currentActiveFingers;
 					nextNotes = nextThreeFingers;
 					return () => {
-						console.log('?');
 						currentActiveFingers.delete(note.position);
 						currentActiveFingers = currentActiveFingers;
 					};
@@ -133,7 +130,9 @@
 			</div>
 		</div>
 		<div class="relative flex h-full flex-col items-center justify-center">
-			<FingerBoard class="" readonly {fingers} {fretRange}></FingerBoard>
+			<button on:click={replaceScore}>
+				<FingerBoard class="max-w-[100vw]" readonly {fingers} {fretRange}></FingerBoard>
+			</button>
 			<MetronomeBeats class="p-20" />
 			<MetronomePlayButton class="h-20" />
 		</div>