Web:Client:Fix styles.

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>

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 };

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