diff --git a/app/core/src/main/resources/static/js/pages/edit-table-of-contents.js b/app/core/src/main/resources/static/js/pages/edit-table-of-contents.js
index 3852fadb0..3c1991182 100644
--- a/app/core/src/main/resources/static/js/pages/edit-table-of-contents.js
+++ b/app/core/src/main/resources/static/js/pages/edit-table-of-contents.js
@@ -640,8 +640,16 @@ document.addEventListener('DOMContentLoaded', function() {
   }
 
   // Add event listeners for import/export buttons
-  document.getElementById('importBookmarksBtn').addEventListener('click', importBookmarkStringFromClipboard);
-  document.getElementById('exportBookmarksBtn').addEventListener('click', exportBookmarkStringToClipboard);
+  const importBookmarksBtn = document.getElementById('importBookmarksBtn');
+  const exportBookmarksBtn = document.getElementById('exportBookmarksBtn');
+  importBookmarksBtn.addEventListener('click', importBookmarkStringFromClipboard);
+  exportBookmarksBtn.addEventListener('click', exportBookmarkStringToClipboard);
+
+  // display import/export buttons if supported
+  if (navigator.clipboard && navigator.clipboard.writeText && navigator.clipboard.readText) {
+    importBookmarksBtn.classList.remove('d-none');
+    exportBookmarksBtn.classList.remove('d-none');
+  }
 
   // Listen for theme changes to update badge colors
   const observer = new MutationObserver(function(mutations) {
diff --git a/app/core/src/main/resources/templates/edit-table-of-contents.html b/app/core/src/main/resources/templates/edit-table-of-contents.html
index c9f00e411..43ae26fae 100644
--- a/app/core/src/main/resources/templates/edit-table-of-contents.html
+++ b/app/core/src/main/resources/templates/edit-table-of-contents.html
@@ -45,7 +45,7 @@
                   <div class="d-flex flex-wrap justify-content-end gap-2">
                     <button type="button"
                       id="importBookmarksBtn"
-                      class="btn btn-outline-primary"
+                      class="d-none btn btn-outline-primary"
                       th:text="#{editTableOfContents.importBookmarks}"
                       th:data-bs-original-title="#{editTableOfContents.importBookmarksHint}"
                       data-bs-toggle="tooltip"
@@ -53,7 +53,7 @@
                     </button>
                     <button type="button"
                       id="exportBookmarksBtn"
-                      class="btn btn-outline-primary"
+                      class="d-none btn btn-outline-primary"
                       th:text="#{editTableOfContents.exportBookmarks}"
                       th:data-bs-original-title="#{editTableOfContents.exportBookmarksHint}"
                       data-bs-toggle="tooltip"