diff --git a/app/templates/base.html b/app/templates/base.html
index 8194137..c28535c 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -77,7 +77,7 @@
         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>
       </button>
     </div>
-    <div class="user-menu-dropdown" x-show="workspaceMenuOpen" @click.away="workspaceMenuOpen = false" x-transition>
+    <div class="user-menu-dropdown" x-show="workspaceMenuOpen" @click.outside="workspaceMenuOpen = false" x-transition>
       <div class="um-user-info">
         <div class="um-avatar" style="{% if avatar_url %}background-image:url('{{ avatar_url }}');background-size:cover;{% else %}background:{{ avatar_color }};{% endif %}">{% if not avatar_url %}{{ user.full_name[:1].upper() if user and user.get('full_name') else workspaceInitial }}{% endif %}</div>
         <div>
@@ -393,7 +393,7 @@
   <div class="context-menu" id="context-menu"
        :class="{ visible: contextMenu.visible }"
        :style="'left:' + contextMenu.x + 'px; top:' + contextMenu.y + 'px'"
-       @click.away="contextMenu.visible = false">
+       @click.outside="contextMenu.visible = false">
     <div class="context-menu-section">
       <div class="context-menu-label">Database</div>
     </div>
@@ -453,7 +453,7 @@
   <div class="context-menu" id="ws-context-menu"
        :class="{ visible: wsCtx.visible }"
        :style="'left:' + wsCtx.x + 'px; top:' + wsCtx.y + 'px'"
-       @click.away="wsCtx.visible = false">
+       @click.outside="wsCtx.visible = false">
     <template x-if="wsCtx.isFolder">
       <div class="context-menu-section">
         <div class="context-menu-item" @click="wsCtxAction('new-file')">
diff --git a/app/templates/page_editor.html b/app/templates/page_editor.html
index 2d40c4e..cce88c9 100644
--- a/app/templates/page_editor.html
+++ b/app/templates/page_editor.html
@@ -41,7 +41,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
             <div
                 class="share-dialog"
                 x-show="shareOpen"
-                @click.away="shareOpen = false"
+                @click.outside="shareOpen = false"
                 x-transition.opacity.scale.origin.top.right
             >
                 <!-- Header with tabs -->
@@ -121,7 +121,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
                                 <div
                                     class="sd-perm-menu"
                                     x-show="a.permOpen"
-                                    @click.away="a.permOpen = false"
+                                    @click.outside="a.permOpen = false"
                                 >
                                     <div
                                         class="sd-perm-option"
@@ -184,7 +184,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
                             <div
                                 class="sd-access-menu"
                                 x-show="accessMenuOpen"
-                                @click.away="accessMenuOpen = false"
+                                @click.outside="accessMenuOpen = false"
                                 x-transition
                             >
                                 <div
@@ -366,7 +366,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
             <div
                 class="more-menu"
                 x-show="moreOpen"
-                @click.away="moreOpen = false"
+                @click.outside="moreOpen = false"
                 x-transition
             >
                 <div class="more-menu-item" @click="exportPage">↗ Export</div>
@@ -475,7 +475,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
             <div
                 class="gs-more-dropdown"
                 x-show="gsMoreOpen"
-                @click.away="gsMoreOpen = false"
+                @click.outside="gsMoreOpen = false"
                 x-transition
             >
                 <div class="gs-more-item" @click="gsMoreOpen=false">
diff --git a/app/templates/workspace.html b/app/templates/workspace.html
index 42b36e1..3ad1773 100644
--- a/app/templates/workspace.html
+++ b/app/templates/workspace.html
@@ -135,7 +135,7 @@
   </div>
 
   <!-- Create Modal -->
-  <div class="modal-overlay" x-show="showCreateModal" @click.away="showCreateModal=false" @keydown.escape="showCreateModal=false">
+  <div class="modal-overlay" x-show="showCreateModal" @click.outside="showCreateModal=false" @keydown.escape="showCreateModal=false">
     <div class="modal-box">
       <h3>Create New Project</h3>
       <input class="modal-input" x-model="newProjectName" placeholder="Project name" @keydown.enter="createProject">
diff --git a/app/templates/workspaces.html b/app/templates/workspaces.html
index 12e28c9..00f5f2e 100644
--- a/app/templates/workspaces.html
+++ b/app/templates/workspaces.html
@@ -165,7 +165,7 @@
   </div>
 
   <!-- Create/Rename dialog -->
-  <div class="dialog-overlay" x-show="showCreate||showRename" @click.away="showCreate=false;showRename=false">
+  <div class="dialog-overlay" x-show="showCreate||showRename" @click.outside="showCreate=false;showRename=false">
     <div class="dialog-box">
       <h3 x-text="showRename?'Rename Workspace':'New Workspace'"></h3>
       <input class="dialog-input" x-model="wsName" placeholder="Workspace name" @keydown.enter="showRename?doRename():doCreate()">