diff --git a/src/UI/ThemeViewGUI.svelte b/src/UI/ThemeViewGUI.svelte
index 6edb510d73..77b9d8db59 100644
--- a/src/UI/ThemeViewGUI.svelte
+++ b/src/UI/ThemeViewGUI.svelte
@@ -171,9 +171,16 @@
     <div class="flex">
       <!-- bottom left elements -->
       <div class="flex flex-col">
-        <button class="primary pointer-events-auto" on:click={() => {
+        <If condition={state.mapProperties.zoom.map(z => z >= Constants.minZoomLevelToAddNewPoint)}>
+          <button class="primary pointer-events-auto" on:click={() => {
           state.openNewItemDialog()
-        }}>Add a new point</button>
+        }}>
+            Add a new point
+          </button>
+          <button class="primary disabled" slot="else">
+            Zoom in to add a new point
+          </button>
+        </If>
 
         <div class="flex">