diff --git a/app/javascript/vue/shared/content/attachments/open_locally_menu.vue b/app/javascript/vue/shared/content/attachments/open_locally_menu.vue
index 0db3edd45..add560936 100644
--- a/app/javascript/vue/shared/content/attachments/open_locally_menu.vue
+++ b/app/javascript/vue/shared/content/attachments/open_locally_menu.vue
@@ -1,31 +1,33 @@
 <template>
   <div class="sn-open-locally-menu flex" @mouseenter="fetchLocalAppInfo">
-    <div v-if="(!canOpenLocally) && (attachment.attributes.wopi && attachment.attributes.urls.edit_asset)">
-      <a :href="editWopiSupported ? attachment.attributes.urls.edit_asset : null" target="_blank"
-         class="btn btn-light"
-         :class="{ 'disabled': !editWopiSupported }"
-         :title="editWopiSupported ? null : attachment.attributes.wopi_context.title"
-         style="pointer-events: all"
-      >
-          {{ attachment.attributes.wopi_context.button_text }}
-      </a>
-    </div>
-    <div v-else-if="!usesWebIntegration">
-        <MenuDropdown
-          v-if="this.menu.length > 1"
-          class="ml-auto"
-          :listItems="this.menu"
-          :btnClasses="`btn btn-light icon-btn`"
-          :position="'right'"
-          :btnText="i18n.t('attachments.open_in')"
-          :caret="true"
-          @open-locally="openLocally"
-          @open-image-editor="openImageEditor"
-        ></MenuDropdown>
-        <a v-else-if="menu.length === 1" class="btn btn-light" :href="menu[0].url" :target="menu[0].url_target" @click="this[this.menu[0].emit]()">
-          {{ menu[0].text }}
+    <template v-if="canEdit">
+      <div v-if="(!canOpenLocally) && (attachment.attributes.wopi && attachment.attributes.urls.edit_asset)">
+        <a :href="editWopiSupported ? attachment.attributes.urls.edit_asset : null" target="_blank"
+          class="btn btn-light"
+          :class="{ 'disabled': !editWopiSupported }"
+          :title="editWopiSupported ? null : attachment.attributes.wopi_context.title"
+          style="pointer-events: all"
+        >
+            {{ attachment.attributes.wopi_context.button_text }}
         </a>
-    </div>
+      </div>
+      <div v-else-if="!usesWebIntegration">
+          <MenuDropdown
+            v-if="this.menu.length > 1"
+            class="ml-auto"
+            :listItems="this.menu"
+            :btnClasses="`btn btn-light icon-btn`"
+            :position="'right'"
+            :btnText="i18n.t('attachments.open_in')"
+            :caret="true"
+            @open-locally="openLocally"
+            @open-image-editor="openImageEditor"
+          ></MenuDropdown>
+          <a v-else-if="menu.length === 1" class="btn btn-light" :href="menu[0].url" :target="menu[0].url_target" @click="this[this.menu[0].emit]()">
+            {{ menu[0].text }}
+          </a>
+      </div>
+    </template>
     <a @click="fileVersionsModal = true" class="btn btn-light"><i class="sn-icon sn-icon-history-search"></i>{{ i18n.t('assets.context_menu.versions') }}</a>
 
     <Teleport to="body">
@@ -70,7 +72,8 @@ export default {
   mixins: [OpenLocallyMixin],
   components: { MenuDropdown, UpdateVersionModal, FileVersionsModal },
   props: {
-    attachment: { type: Object, required: true }
+    attachment: { type: Object, required: true },
+    canEdit: { type: Boolean, default: true }
   },
   data() {
     return {
@@ -131,11 +134,11 @@ export default {
       document.getElementById('editImageButton').click();
     },
     refreshPreview() {
-      const imageElement = document.querySelector('.file-preview-container .asset-image');
+      const filePreview = document.querySelector('.file-preview-container');
 
-      if (!imageElement) return;
+      if (!filePreview) return;
 
-      $('#filePreviewModal').modal('hide');
+      window.location.reload();
     }
   }
 };
diff --git a/app/views/shared/file_preview/_content.html.erb b/app/views/shared/file_preview/_content.html.erb
index 33d89125f..f4d40310c 100644
--- a/app/views/shared/file_preview/_content.html.erb
+++ b/app/views/shared/file_preview/_content.html.erb
@@ -35,10 +35,10 @@
           <%= t('assets.file_preview.edit_in_scinote') %>
         </button>
       <% end %>
-      <div id="openLocallyMenu" data-behaviour="vue">
-        <open-locally-menu :attachment="<%= { attributes: AssetSerializer.new(asset, scope: { user: current_user }).as_json }.to_json %>" />
-      </div>
     <% end %>
+    <div id="openLocallyMenu" data-behaviour="vue">
+      <open-locally-menu :can-edit="<%= can_edit && !preview %>" :attachment="<%= { attributes: AssetSerializer.new(asset, scope: { user: current_user }).as_json }.to_json %>" />
+    </div>
     <a class="btn btn-light file-download-link" href="<%= rails_blob_path(asset.file, disposition: 'attachment') %>" data-turbolinks="false">
       <span class="sn-icon sn-icon-export"></span> <%= t('Download')%>
     </a>