diff --git a/entries/static/entries/js/components/LexicalUnitEdit.js b/entries/static/entries/js/components/LexicalUnitEdit.js
index 2af4afa1587b70dc0428b84a73cdd3b5cb44fc4d..6d9831cabc4171a2aacfb0300a8e0a9235bb484b 100644
--- a/entries/static/entries/js/components/LexicalUnitEdit.js
+++ b/entries/static/entries/js/components/LexicalUnitEdit.js
@@ -30,9 +30,13 @@ const FramePreview = {
     <div :key="unifiedFrameId" class="row h-100">
       <div class="col h-100 pr-0 pt-0 pb-0 overflow-auto" id="frame-preview-left-pane">
         <lexical-unit-edit
+          v-if="unifiedFrameId !== -1"
           :readOnly="true"
           :unifiedFrameId="unifiedFrameId"
         />
+        <div v-else class="h-100">
+          Brak ramy do wyświetlenia
+        </div>
       </div>
       <div class="col h-100 px-1 pt-0 pb-0 overflow-auto" id="frame-preview-right-pane">
         TODO list
@@ -598,7 +602,7 @@ Object.assign(LexicalUnitEdit, {
       this.currentPreviewedUnifiedFrameId = unifiedFrameId;
     },
     swapUnifiedFrames () {
-      if (this.unified_frame.id !== this.currentPreviewedUnifiedFrameId) {
+      if (this.currentPreviewedUnifiedFrameId !== -1 && this.unified_frame.id !== this.currentPreviewedUnifiedFrameId) {
         this.$emit("swapFrames", this.currentPreviewedUnifiedFrameId);
       }
     }
diff --git a/entries/static/entries/js/components/main.js b/entries/static/entries/js/components/main.js
index 84548894984d005c457907601ba6bb2efed1910d..21aafcf931609e0d30f25dc67b68831430643329 100644
--- a/entries/static/entries/js/components/main.js
+++ b/entries/static/entries/js/components/main.js
@@ -22,7 +22,7 @@ export default {
     goToEdit (unifiedFrameId) {
       this.isEdit = true;
       this.unifiedFrameId = unifiedFrameId;
-      this.previewedUnifiedFrameId = unifiedFrameId;
+      this.previewedUnifiedFrameId = -1;
     },
     goToDisplay () {
       this.isEdit = false;