diff --git a/playground/src/components/TheExperience.vue b/playground/src/components/TheExperience.vue
index e8548d6ad..51a02dc51 100644
--- a/playground/src/components/TheExperience.vue
+++ b/playground/src/components/TheExperience.vue
@@ -35,7 +35,9 @@ watchEffect(() => {
   <TresCanvas
     v-bind="gl"
     ref="canvas"
+    window-size
     class="awiwi"
+    :style="{ background: '#008080' }"
   >
     <TresPerspectiveCamera
       :position="[7, 7, 7]"
diff --git a/src/components/TresCanvas.vue b/src/components/TresCanvas.vue
index 7ea150b64..4e53143d1 100644
--- a/src/components/TresCanvas.vue
+++ b/src/components/TresCanvas.vue
@@ -181,7 +181,7 @@ onMounted(() => {
   <canvas
     ref="canvas"
     :data-scene="scene.uuid"
-    v-bind="$attrs"
+    :class="$attrs.class"
     :style="{
       display: 'block',
       width: '100%',
@@ -191,6 +191,7 @@ onMounted(() => {
       left: 0,
       pointerEvents: 'auto',
       touchAction: 'none',
+      ...$attrs.style as Object,
     }"
   />
 </template>