diff --git a/components/CanvasEdge.client.vue b/components/CanvasEdge.vue
similarity index 60%
rename from components/CanvasEdge.client.vue
rename to components/CanvasEdge.vue
index be2f51e..ae5decc 100644
--- a/components/CanvasEdge.client.vue
+++ b/components/CanvasEdge.vue
@@ -30,6 +30,6 @@ if (props.color !== undefined) {
 </script>
 
 <template>
-        <g :class="classes" :style="{ '--canvas-color': props?.color?.startsWith('#') ? hexToRgb(props.color) : undefined }"><path class="canvas-display-path" :d="props.path.path"></path></g>
-        <g :class="classes" :style="{ '--canvas-color': props?.color?.startsWith('#') ? hexToRgb(props.color) : undefined, transform: `translate(${props.path.to.x}px, ${props.path.to.y}px) rotate(${rotation[props.path.side]}deg)` }"><polygon class="canvas-path-end" points="0,0 6.5,10.4 -6.5,10.4"></polygon></g>
+    <g :class="classes" :style="{ '--canvas-color': props?.color?.startsWith('#') ? hexToRgb(props.color) : undefined }"><path class="canvas-display-path" :d="props.path.path"></path></g>
+    <g :class="classes" :style="{ '--canvas-color': props?.color?.startsWith('#') ? hexToRgb(props.color) : undefined, transform: `translate(${props.path.to.x}px, ${props.path.to.y}px) rotate(${rotation[props.path.side]}deg)` }"><polygon class="canvas-path-end" points="0,0 6.5,10.4 -6.5,10.4"></polygon></g>
 </template>
\ No newline at end of file
diff --git a/components/CanvasNode.client.vue b/components/CanvasNode.vue
similarity index 99%
rename from components/CanvasNode.client.vue
rename to components/CanvasNode.vue
index 0271cf6..a17ccb5 100644
--- a/components/CanvasNode.client.vue
+++ b/components/CanvasNode.vue
@@ -37,7 +37,7 @@ if(props.node.color !== undefined)
 <template>
     <div class="canvas-node" :class="classes" :style="{transform: `translate(${node.x}px, ${node.y}px)`, width: `${node.width}px`, height: `${node.height}px`, '--canvas-node-width': `${node.width}px`, '--canvas-node-height': `${node.height}px`, '--canvas-color': props.node?.color?.startsWith('#') ? hexToRgb(props.node.color) : undefined}">
         <div class="canvas-node-container">
-            <template v-if="props.node.type === 'group' || props.zoom > 0.4">
+            <template v-if="props.node.type === 'group' || props.zoom > 0.33">
                 <div class="canvas-node-content markdown-embed">
                     <div  v-if="props.node.text?.body?.children?.length > 0" class="markdown-embed-content node-insert-event" style="">
                         <div class="markdown-preview-view markdown-rendered node-insert-event show-indentation-guide allow-fold-headings allow-fold-lists">