diff --git a/products/ASC.Files/Client/src/pages/VersionHistory/Section/Body/StyledVersionHistory.js b/products/ASC.Files/Client/src/pages/VersionHistory/Section/Body/StyledVersionHistory.js
index 934490d97e6..0af8f29b4d6 100644
--- a/products/ASC.Files/Client/src/pages/VersionHistory/Section/Body/StyledVersionHistory.js
+++ b/products/ASC.Files/Client/src/pages/VersionHistory/Section/Body/StyledVersionHistory.js
@@ -240,6 +240,24 @@ const StyledVersionRow = styled(Row)`
 
     right: 16px !important;
 
+    .expandButton {
+      ${(props) =>
+        props.isSavingComment &&
+        `
+        touch-action: none;
+        pointer-events: none;
+        `}
+      svg {
+        path {
+          ${(props) =>
+            props.isSavingComment &&
+            `
+              fill: #d0d5da;
+            `};
+        }
+      }
+    }
+
     @media ${tablet} {
       display: block;
       position: absolute;
@@ -250,6 +268,16 @@ const StyledVersionRow = styled(Row)`
 
   .row_content {
     display: block;
+
+    .version_link-action {
+      ${(props) =>
+        props.isSavingComment &&
+        `
+          color: #d0d5da;
+          touch-action: none;
+          pointer-events: none;
+        `}
+    }
   }
 
   .modal-dialog-aside-footer {
diff --git a/products/ASC.Files/Client/src/pages/VersionHistory/Section/Body/VersionRow.js b/products/ASC.Files/Client/src/pages/VersionHistory/Section/Body/VersionRow.js
index 77b454309ce..ae8ad6c7c60 100644
--- a/products/ASC.Files/Client/src/pages/VersionHistory/Section/Body/VersionRow.js
+++ b/products/ASC.Files/Client/src/pages/VersionHistory/Section/Body/VersionRow.js
@@ -115,6 +115,7 @@ const VersionRow = (props) => {
       contextOptions={contextOptions}
       canEdit={canEdit}
       isTabletView={isTabletView}
+      isSavingComment={isSavingComment}
     >
       <div className={`version-row_${index}`}>
         <Box displayProp="flex">