From c750c192be561511b8d2b93da38581bb91d87450 Mon Sep 17 00:00:00 2001
From: gazizova-vlada <vladamuzyka@yandex.ru>
Date: Mon, 11 Sep 2023 14:24:05 +0300
Subject: [PATCH] Web:Client:Fix styles.

---
 packages/client/src/components/RoomIcon.js           | 12 +++++++++---
 .../src/pages/Home/InfoPanel/Body/styles/details.js  |  6 ++++++
 .../pages/Home/InfoPanel/Body/views/Details/index.js |  1 +
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/components/RoomIcon.js b/packages/client/src/components/RoomIcon.js
index c9bdf1388b..613b3d33bf 100644
--- a/packages/client/src/components/RoomIcon.js
+++ b/packages/client/src/components/RoomIcon.js
@@ -12,7 +12,7 @@ const StyledIcon = styled.div`
   .room-background {
     height: ${(props) => props.size};
     width: ${(props) => props.size};
-    border-radius: 6px;
+    border-radius: ${(props) => props.radius};
     vertical-align: middle;
     background: ${(props) =>
       props.isArchive
@@ -39,7 +39,13 @@ const StyledIcon = styled.div`
 
 StyledIcon.defaultProps = { theme: Base };
 
-const RoomIcon = ({ title, isArchive, color, size = "32px" }) => {
+const RoomIcon = ({
+  title,
+  isArchive,
+  color,
+  size = "32px",
+  radius = "6px",
+}) => {
   const titleWithoutSpaces = title.replace(/\s+/g, " ").trim();
   const indexAfterLastSpace = titleWithoutSpaces.lastIndexOf(" ");
   const secondCharacter =
@@ -50,7 +56,7 @@ const RoomIcon = ({ title, isArchive, color, size = "32px" }) => {
   const roomTitle = (title[0] + secondCharacter).toUpperCase();
 
   return (
-    <StyledIcon color={color} size={size} isArchive={isArchive}>
+    <StyledIcon color={color} size={size} radius={radius} isArchive={isArchive}>
       <div className="room-background" />
       <Text className="room-title">{roomTitle}</Text>
     </StyledIcon>
diff --git a/packages/client/src/pages/Home/InfoPanel/Body/styles/details.js b/packages/client/src/pages/Home/InfoPanel/Body/styles/details.js
index 5f4519948c..cfaa1102fe 100644
--- a/packages/client/src/pages/Home/InfoPanel/Body/styles/details.js
+++ b/packages/client/src/pages/Home/InfoPanel/Body/styles/details.js
@@ -34,6 +34,12 @@ const StyledNoThumbnail = styled.div`
     outline: 1px solid
       ${(props) => props.theme.infoPanel.details.customLogoBorderColor};
   }
+
+  .room-title {
+    font-size: 41px;
+    font-weight: 700;
+    line-height: 56px;
+  }
 `;
 
 StyledThumbnail.defaultProps = { theme: Base };
diff --git a/packages/client/src/pages/Home/InfoPanel/Body/views/Details/index.js b/packages/client/src/pages/Home/InfoPanel/Body/views/Details/index.js
index fdfc07036a..34bf41cc75 100644
--- a/packages/client/src/pages/Home/InfoPanel/Body/views/Details/index.js
+++ b/packages/client/src/pages/Home/InfoPanel/Body/views/Details/index.js
@@ -95,6 +95,7 @@ const Details = ({
               title={selection.title}
               isArchive={selection.isArchive}
               size="96px"
+              radius="16px"
             />
           ) : (
             <img