diff --git a/products/ASC.Files/Client/public/images/icons/24/folder.svg b/products/ASC.Files/Client/public/images/icons/24/folder.svg
index 0340314679..cdbb0427af 100644
--- a/products/ASC.Files/Client/public/images/icons/24/folder.svg
+++ b/products/ASC.Files/Client/public/images/icons/24/folder.svg
@@ -1,4 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect y="7" width="23" height="14" rx="2" fill="#B2BBC0"/>
-<path d="M2 2C0.895447 2 0 2.89551 0 4V9C0 7.89551 0.895447 7 2 7H21C22.1046 7 23 7.89551 23 9V7C23 5.89551 22.1046 5 21 5H10V4C10 2.89551 9.10455 2 8 2H2Z" fill="#788790"/>
+<path d="M4 4C3.44772 4 3 4.44775 3 5V9C3 8.44775 3.44772 8 4 8H21C21.5523 8 22 8.44775 22 9V8C22 7.44775 21.5523 7 21 7H11V5C11 4.44775 10.5523 4 10 4H4Z" fill="#788790"/>
+<rect x="3" y="8" width="19" height="12" rx="1" fill="#B2BBC0"/>
 </svg>
diff --git a/products/ASC.Files/Client/public/images/icons/32/folder.svg b/products/ASC.Files/Client/public/images/icons/32/folder.svg
index 94bf09480d..f0d01faf9c 100644
--- a/products/ASC.Files/Client/public/images/icons/32/folder.svg
+++ b/products/ASC.Files/Client/public/images/icons/32/folder.svg
@@ -1,4 +1,4 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect y="8" width="30" height="20" rx="2" fill="#B2BBC0"/>
-<path d="M0 4C0 2.89543 0.895431 2 2 2H11C12.1046 2 13 2.89543 13 4V6H28C29.1046 6 30 6.89543 30 8V10C30 8.89543 29.1046 8 28 8H2C0.895431 8 0 8.89543 0 10V4Z" fill="#788790"/>
+<path d="M2 6C2 4.89551 2.89543 4 4 4H12C13.1046 4 14 4.89551 14 6V8H28C29.1046 8 30 8.89551 30 10V12C30 10.8955 29.1046 10 28 10H4C2.89543 10 2 10.8955 2 12V6Z" fill="#788790"/>
+<rect x="2" y="10" width="28" height="18" rx="2" fill="#B2BBC0"/>
 </svg>
diff --git a/products/ASC.Files/Client/src/components/EditingWrapperComponent.js b/products/ASC.Files/Client/src/components/EditingWrapperComponent.js
index bf55db87c0..9327ec0ad1 100644
--- a/products/ASC.Files/Client/src/components/EditingWrapperComponent.js
+++ b/products/ASC.Files/Client/src/components/EditingWrapperComponent.js
@@ -107,7 +107,7 @@ const EditingWrapper = styled.div`
   }
 
   .is-edit {
-    margin-top: 4px;
+    /* margin-top: 4px; */
   }
 `;
 
diff --git a/products/ASC.Files/Client/src/components/ItemIcon.js b/products/ASC.Files/Client/src/components/ItemIcon.js
index 9dd1f4d850..8904f41f3e 100644
--- a/products/ASC.Files/Client/src/components/ItemIcon.js
+++ b/products/ASC.Files/Client/src/components/ItemIcon.js
@@ -4,9 +4,9 @@ import { inject, observer } from "mobx-react";
 import styled from "styled-components";
 
 const StyledIcon = styled.img`
-  width: 24px;
+  /* width: 24px;
   height: 24px;
-  margin-top: 4px;
+  margin-top: 4px; */
 `;
 
 const ItemIcon = ({
diff --git a/products/ASC.Files/Client/src/store/FilesStore.js b/products/ASC.Files/Client/src/store/FilesStore.js
index 241b9575a2..c95e33c88f 100644
--- a/products/ASC.Files/Client/src/store/FilesStore.js
+++ b/products/ASC.Files/Client/src/store/FilesStore.js
@@ -1134,7 +1134,7 @@ class FilesStore {
       const isThirdPartyFolder = providerKey && id === rootFolderId;
 
       //const isCanWebEdit = canWebEdit(item.fileExst);
-      const iconSize = this.viewAs === "tile" ? 32 : 24;
+      const iconSize = this.viewAs === "table" ? 24 : 32;
       const icon = getIcon(iconSize, fileExst, providerKey, contentLength);
 
       let isFolder = false;
diff --git a/public/images/folder arrow.react.svg b/public/images/folder.arrow.react.svg
similarity index 100%
rename from public/images/folder arrow.react.svg
rename to public/images/folder.arrow.react.svg
diff --git a/public/images/settings.desc.react.svg b/public/images/settings.desc.react.svg
new file mode 100644
index 0000000000..fe7c3a6c44
--- /dev/null
+++ b/public/images/settings.desc.react.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.16834 1.38262C2.33047 1.24792 2.56169 1.2443 2.73684 1.36157L3.80011 2.07346C4.10611 1.90165 4.43424 1.76458 4.77915 1.66758L5.0276 0.412448C5.06854 0.205596 5.23471 0.0446258 5.44469 0.0253558C5.62755 0.00857572 5.81277 0 6 0C6.18723 0 6.37246 0.00857572 6.55531 0.0253558C6.76529 0.0446258 6.93146 0.205596 6.9724 0.412449L7.22085 1.66758C7.56576 1.76458 7.89389 1.90165 8.19989 2.07346L9.26316 1.36157C9.43831 1.2443 9.66953 1.24792 9.83166 1.38261C10.1171 1.61976 10.3802 1.88288 10.6174 2.16834C10.7521 2.33047 10.7557 2.56169 10.6384 2.73684L9.92654 3.80011C10.0984 4.10611 10.2354 4.43424 10.3324 4.77915L11.5876 5.0276C11.7944 5.06854 11.9554 5.23471 11.9746 5.44469C11.9914 5.62755 12 5.81277 12 6C12 6.18723 11.9914 6.37246 11.9746 6.55531C11.9554 6.76529 11.7944 6.93146 11.5876 6.9724L10.3324 7.22085C10.2354 7.56576 10.0984 7.89389 9.92654 8.19989L10.6384 9.26316C10.7557 9.43831 10.7521 9.66953 10.6174 9.83166C10.3802 10.1171 10.1171 10.3802 9.83166 10.6174C9.66953 10.7521 9.43831 10.7557 9.26316 10.6384L8.19989 9.92654C7.89389 10.0984 7.56576 10.2354 7.22085 10.3324L6.9724 11.5876C6.93146 11.7944 6.76529 11.9554 6.55531 11.9746C6.37246 11.9914 6.18723 12 6 12C5.81277 12 5.62755 11.9914 5.44469 11.9746C5.23471 11.9554 5.06854 11.7944 5.0276 11.5876L4.77915 10.3324C4.43424 10.2354 4.10611 10.0984 3.80011 9.92654L2.73684 10.6384C2.56169 10.7557 2.33047 10.7521 2.16834 10.6174C1.88288 10.3802 1.61976 10.1171 1.38261 9.83166C1.24792 9.66953 1.2443 9.43831 1.36157 9.26316L2.07346 8.19989C1.90165 7.89389 1.76458 7.56576 1.66758 7.22085L0.412449 6.9724C0.205596 6.93146 0.0446258 6.76529 0.0253558 6.55531C0.00857572 6.37246 0 6.18723 0 6C0 5.81277 0.00857572 5.62755 0.0253558 5.44469C0.0446258 5.23471 0.205596 5.06854 0.412449 5.0276L1.66758 4.77915C1.76458 4.43424 1.90165 4.10611 2.07346 3.80011L1.36157 2.73684C1.2443 2.56169 1.24792 2.33047 1.38262 2.16834C1.61976 1.88288 1.88288 1.61976 2.16834 1.38262ZM6 7.5C6.82843 7.5 7.5 6.82843 7.5 6C7.5 5.17157 6.82843 4.5 6 4.5C5.17157 4.5 4.5 5.17157 4.5 6C4.5 6.82843 5.17157 7.5 6 7.5Z" fill="#657077"/>
+</svg>
diff --git a/public/images/sort.desc.react.svg b/public/images/sort.desc.react.svg
new file mode 100644
index 0000000000..f8a841db1e
--- /dev/null
+++ b/public/images/sort.desc.react.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.14453 10.8536C6.33979 11.0488 6.65638 11.0488 6.85164 10.8536L10.3516 7.35355L9.64453 6.64645L6.99808 9.29289V2H5.99808V9.29289L3.35164 6.64645L2.64453 7.35355L6.14453 10.8536Z" fill="#657077"/>
+</svg>