Add max width for room and space options menu

Signed-off-by: Ajay Bura <ajbura@gmail.com>

src/app/molecules/room-options/RoomOptions.jsx

@@ -38,7 +38,7 @@ function RoomOptions({ roomId, afterOptionSelect }) {
   };
 
   return (
-    <>
+    <div style={{ maxWidth: '256px' }}>
       <MenuHeader>{twemojify(`Options for ${initMatrix.matrixClient.getRoom(roomId)?.name}`)}</MenuHeader>
       <MenuItem iconSrc={TickMarkIC} onClick={handleMarkAsRead}>Mark as read</MenuItem>
       <MenuItem
@@ -51,7 +51,7 @@ function RoomOptions({ roomId, afterOptionSelect }) {
       <MenuItem iconSrc={LeaveArrowIC} variant="danger" onClick={handleLeaveClick}>Leave</MenuItem>
       <MenuHeader>Notification</MenuHeader>
       <RoomNotification roomId={roomId} />
-    </>
+    </div>
   );
 }
 

src/app/molecules/space-options/SpaceOptions.jsx

@@ -44,7 +44,7 @@ function SpaceOptions({ roomId, afterOptionSelect }) {
   };
 
   return (
-    <>
+    <div style={{ maxWidth: 'calc(var(--navigation-drawer-width) - var(--sp-normal))' }}>
       <MenuHeader>{twemojify(`Options for ${initMatrix.matrixClient.getRoom(roomId)?.name}`)}</MenuHeader>
       <MenuItem
         onClick={handlePinClick}
@@ -67,7 +67,7 @@ function SpaceOptions({ roomId, afterOptionSelect }) {
       >
         Leave
       </MenuItem>
-    </>
+    </div>
   );
 }
 

src/app/organisms/room/RoomSettings.jsx

@@ -170,7 +170,7 @@ function RoomSettings({ roomId }) {
                   <span style={{ color: 'var(--tc-surface-low)' }}> — room settings</span>
                 </Text>
               </TitleWrapper>
-              <RawIcon src={ChevronTopIC} />
+              <RawIcon size="small" src={ChevronTopIC} />
             </button>
           </Header>
           <RoomProfile roomId={roomId} />