diff --git a/products/ASC.Files/Client/src/pages/VirtualRooms/Section/Body/TileView/sub-components/Tile.js b/products/ASC.Files/Client/src/pages/VirtualRooms/Section/Body/TileView/sub-components/Tile.js
index fb43f808d5..a66cb11a95 100644
--- a/products/ASC.Files/Client/src/pages/VirtualRooms/Section/Body/TileView/sub-components/Tile.js
+++ b/products/ASC.Files/Client/src/pages/VirtualRooms/Section/Body/TileView/sub-components/Tile.js
@@ -11,6 +11,8 @@ import RoomLogo from "@appserver/components/room-logo";
import ContextMenu from "@appserver/components/context-menu";
import { Base } from "@appserver/components/themes";
+import RoomsBadges from "../../../../components/Badges";
+
const StyledTile = styled.div`
border: 1px solid #eceef1;
@@ -84,14 +86,11 @@ const StyledHeader = styled.div`
display: grid;
align-items: center;
+
grid-template-columns: ${(props) =>
- props.withBadge
- ? props.isPinned
- ? "auto 1fr auto auto auto"
- : "auto 1fr auto auto"
- : props.isPinned
- ? "auto 1fr auto auto"
- : "auto 1fr auto"};
+ props.withBadge || props.isPinned
+ ? "auto 1fr auto auto"
+ : "auto 1fr auto"};
.tile-header_heading {
font-size: 16px;
@@ -100,18 +99,6 @@ const StyledHeader = styled.div`
margin-right: 12px;
}
- .tile-header_badge {
- p {
- line-height: 16px;
- }
- }
-
- .tile-header_pin-icon {
- height: 16px;
-
- margin: 0 0 0 12px;
- }
-
.tile-header_context-menu-button {
margin: 0 6px;
}
@@ -218,19 +205,12 @@ const Tile = React.forwardRef(
{title}
- {!!badge && (
-
- )}
-
- {pinned && (
-
)}