diff --git a/src/components/RandomTree.vue b/src/components/RandomTree.vue
index da633e6d71db8dd1cd5a547fa67340cc260d59bb..0c19365ddbe5a50ce4e8e01cd50109affcb79973 100644
--- a/src/components/RandomTree.vue
+++ b/src/components/RandomTree.vue
@@ -1,5 +1,5 @@
 <template>
-    <canvas class="canvas" width="500" height="300" ref="canvas"></canvas>
+    <canvas class="canvas" width="400" height="300" ref="canvas"></canvas>
 </template>
 
 <script setup>
@@ -76,9 +76,7 @@ function drawBranch(ctx, v0, thick, len, dir) {
     right: 10px;
     bottom: 10px;
     pointer-events: none;
+    opacity: 0.5;
 }
 
-.canvas:hover {
-    opacity: 0.3;
-}
 </style>
\ No newline at end of file