diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index fcba8d7..b7ae4e8 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -129,3 +129,9 @@ button {
 ::-webkit-scrollbar {
   @apply hidden;
 }
+
+canvas {
+  image-rendering: -moz-crisp-edges;
+  image-rendering: -webkit-crisp-edges;
+  image-rendering: pixelated;
+}
diff --git a/src/screens/Game.vue b/src/screens/Game.vue
index 5c519cd..0a76733 100644
--- a/src/screens/Game.vue
+++ b/src/screens/Game.vue
@@ -143,12 +143,4 @@ const createScene = async (scene: Phaser.Scene) => {
 onBeforeUnmount(() => {
   isLoaded.value = false
 })
-</script>
-
-<style lang="scss">
-canvas {
-  image-rendering: -moz-crisp-edges;
-  image-rendering: -webkit-crisp-edges;
-  image-rendering: pixelated;
-}
-</style>
+</script>
\ No newline at end of file
diff --git a/src/screens/ZoneEditor.vue b/src/screens/ZoneEditor.vue
index c407878..ba77bc6 100644
--- a/src/screens/ZoneEditor.vue
+++ b/src/screens/ZoneEditor.vue
@@ -126,12 +126,4 @@ const createScene = async (scene: Phaser.Scene) => {
 onBeforeUnmount(() => {
   isLoaded.value = false
 })
-</script>
-
-<style lang="scss">
-canvas {
-  image-rendering: -moz-crisp-edges;
-  image-rendering: -webkit-crisp-edges;
-  image-rendering: pixelated;
-}
-</style>
+</script>
\ No newline at end of file