diff --git a/packages/asc-web-common/components/Loaders/TilesLoader/TilesLoader.js b/packages/asc-web-common/components/Loaders/TilesLoader/TilesLoader.js
index 9cd26558bc9..d93d186fe9e 100644
--- a/packages/asc-web-common/components/Loaders/TilesLoader/TilesLoader.js
+++ b/packages/asc-web-common/components/Loaders/TilesLoader/TilesLoader.js
@@ -19,12 +19,12 @@ const StyledWrapper = styled.div`
   grid-gap: 16px;
 
   .folders {
-    margin-top: 20px;
-    margin-bottom: 16px;
+    margin-top: -1px;
+    margin-bottom: 12px;
   }
 
   .files {
-    margin-top: 37px;
+    margin-top: 25px;
   }
 
   margin-right: 3px;
diff --git a/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js b/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js
index 4737a9c89dd..c4ba860e5ba 100644
--- a/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js
+++ b/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js
@@ -24,7 +24,7 @@ const StyledGridWrapper = styled.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(216px, 1fr));
   width: 100%;
-  margin-bottom: ${(props) => (props.isFolders ? "29px" : 0)};
+  margin-bottom: ${(props) => (props.isFolders ? "23px" : 0)};
   box-sizing: border-box;
   ${paddingCss};
 
@@ -52,12 +52,8 @@ const StyledTileContainer = styled.div`
 
   .tile-items-heading {
     margin: 0;
-    padding-bottom: 11px;
+    margin-bottom: 15px;
     pointer-events: none;
-
-    &.files {
-      padding-top: 8px;
-    }
   }
 
   @media ${tablet} {