ts/Manager/App.scss

@@ -161,24 +161,9 @@ pre {
   .bbb-shrink {
     width: 44px;
     white-space: nowrap;
-
-    input[type="checkbox"]{
-
-      &+label:before {
-        border-radius: 3px;
-        border-width: 2px;
-      }
-
-      &:disabled+label:before {
-        opacity: .5;
-      }
-
-      &:not(input:checked):disabled+label:before {
-        background-color: transparent !important;
-      }
-    }
   }
 
+
   th {
     padding: 14px 6px;
     border-bottom: 1px var(--color-background-darker) solid;

ts/Manager/RoomRow.tsx

@@ -253,22 +253,27 @@ const RoomRow: React.FC<Props> = (props) => {
 				<td className="max-participants bbb-shrink">
 					{edit('maxParticipants', 'number', adminRoom, {min: minParticipantsLimit, max: maxParticipantsLimit < 0 ? undefined : maxParticipantsLimit})}
 				</td>
+				{adminRoom &&
 				<td className="record bbb-shrink">
-					<input id={'bbb-record-' + room.id} type="checkbox" className="checkbox" disabled={!adminRoom || !props.restriction?.allowRecording} checked={room.record} onChange={(event) => updateRoom('record', event.target.checked)} />
+					<input id={'bbb-record-' + room.id} type="checkbox" className="checkbox" disabled={!props.restriction?.allowRecording} checked={room.record} onChange={(event) => updateRoom('record', event.target.checked)} />
 					<label htmlFor={'bbb-record-' + room.id}></label>
 				</td>
+				}
+				{!adminRoom &&
+				<td className="record bbb-shrink">
+					<span className={'icon '+(room.record ? 'icon-checkmark' : 'icon-close')+' icon-visible'}></span>
+				</td>
+				}
 				<td className="bbb-shrink">
 					{<RecordingsNumber recordings={recordings} showRecordings={showRecordings} setShowRecordings={setShowRecordings} />}
 				</td>
 				<td className="clone icon-col">
-					{adminRoom &&
 					<button
 						className="action-item"
 						onClick={cloneRow}
 						title={t('bbb', 'Clone room')}>
 						<span className="icon icon-template-add icon-visible"></span>
 					</button>
-					}
 				</td>
 				<td className="edit icon-col">
 					{adminRoom &&