diff --git a/src/client/entity-editor/alias-editor/alias-modal-body.tsx b/src/client/entity-editor/alias-editor/alias-modal-body.tsx
index 3c9afb1bed..5b2e31c490 100644
--- a/src/client/entity-editor/alias-editor/alias-modal-body.tsx
+++ b/src/client/entity-editor/alias-editor/alias-modal-body.tsx
@@ -36,14 +36,14 @@ export const AliasModalBody = ({aliases, onAddAlias, languageOptions}:AliasModal
 			</div>
 			<div>
 				{
-					aliases.toArray().map((_, rowId) => (
+					aliases.map((_, rowId) => (
 						<AliasRow
 							index={rowId}
 							// eslint-disable-next-line react/no-array-index-key
 							key={`alias-row-${rowId}`}
 							languageOptions={languageOptionsForDisplay}
 						/>
-					))
+					)).toArray()
 				}
 			</div>
 			<Row>
diff --git a/src/client/entity-editor/series-section/series-editor.tsx b/src/client/entity-editor/series-section/series-editor.tsx
index 4ceb7ab7cd..c354ec9a6b 100644
--- a/src/client/entity-editor/series-section/series-editor.tsx
+++ b/src/client/entity-editor/series-section/series-editor.tsx
@@ -43,6 +43,7 @@ type EntitySearchResult = {
 
 type SeriesItemsProps = {
 	defaultOptions: Array<any>,
+	hideItemSelect: boolean
 	baseEntity: Entity,
 	onAdd: (_Relationship) => unknown,
     onEdit: (Attribute, string) => unknown,
@@ -141,7 +142,7 @@ const SortableItem = SortableElement(({value, onRemove, baseEntity, handleNumber
 ));
 
 const SortableList = SortableContainer(({children}) => <div>{children}</div>);
-function SeriesEditor({baseEntity, relationshipTypes, seriesType, orderType, onRemove,
+function SeriesEditor({baseEntity, relationshipTypes, seriesType, orderType, onRemove, hideItemSelect,
 	onAdd, onEdit, onSort, seriesItemsArray, isUnifiedForm, defaultOptions}:SeriesItemsProps) {
 	const [seriesItem, setSeriesItem] = useState(null);
 	const [targetEntity, setTargetEntity] = useState(null);
@@ -228,6 +229,7 @@ function SeriesEditor({baseEntity, relationshipTypes, seriesType, orderType, onR
 				}
 				</> : null
 			}
+			{!hideItemSelect &&
 			<Row className="margin-top-d8">
 				<Col className={alignText} lg={isUnifiedForm ? 7 : 3}>
 					<p className="margin-top-d5">Add an entity to the series:</p>
@@ -250,6 +252,7 @@ function SeriesEditor({baseEntity, relationshipTypes, seriesType, orderType, onR
 					</Button>
 				</Col>
 			</Row>
+					   }
 		</div>
 	);
 }
diff --git a/src/client/entity-editor/series-section/series-section.tsx b/src/client/entity-editor/series-section/series-section.tsx
index 8d9fcdd313..f6381ddc3e 100644
--- a/src/client/entity-editor/series-section/series-section.tsx
+++ b/src/client/entity-editor/series-section/series-section.tsx
@@ -59,7 +59,7 @@ type DispatchProps = {
 };
 
 type OwnProps = {
-	hideTypeOption?:boolean,
+	hideItemSelect?:boolean,
 	entity: Entity,
 	isUnifiedForm?: boolean,
 	entityType: EntityType,
@@ -104,7 +104,7 @@ function SeriesSection({
 	entity,
 	entityName,
 	entityType,
-	hideTypeOption,
+	hideItemSelect,
 	onEdit,
 	onOrderTypeChange,
 	onRemove,
@@ -181,11 +181,10 @@ function SeriesSection({
 	return (
 		<div>
 			{!isUnifiedForm && heading}
-			{!hideTypeOption &&
+			{!hideItemSelect &&
 			<p className="text-muted">
 				All fields are mandatory — select the option from dropdown
 			</p>}
-			{!hideTypeOption &&
 			<Row>
 				<Col lg={lgCol}>
 					<Form.Group>
@@ -232,10 +231,10 @@ function SeriesSection({
 					</Form.Group>}
 				</Col>
 			</Row>
-			}
 			<SeriesEditor
 				baseEntity={baseEntity}
 				defaultOptions={defaultOptions}
+				hideItemSelect={hideItemSelect}
 				isUnifiedForm={isUnifiedForm}
 				orderType={orderTypeValue}
 				relationshipTypes={relationshipTypes}
@@ -251,7 +250,7 @@ function SeriesSection({
 }
 SeriesSection.displayName = 'SeriesSection';
 SeriesSection.defaultProps = {
-	hideTypeOption: false,
+	hideItemSelect: false,
 	isUnifiedForm: false
 };
 
diff --git a/src/client/stylesheets/style.scss b/src/client/stylesheets/style.scss
index 66691fe1d7..ecd84ed241 100644
--- a/src/client/stylesheets/style.scss
+++ b/src/client/stylesheets/style.scss
@@ -815,15 +815,14 @@ div[class~=collapsing]+div[class=card-header] .accordion-arrow {
 .uf-modal-body .accordion > .card{
 	margin-bottom: 10px;
 }
-.entities-preview{
-	cursor: pointer;
-	color: $orange;
-	transition: all 0.2s linear;
-}
-.entities-preview:hover{
-	color: #754E37;
+.review-section{
+	display: flex;
 }
 
 .series-item-dialog{
 	max-width: 600px;
+}
+
+.review-card{
+	margin: 10px;
 }
\ No newline at end of file
diff --git a/src/client/unified-form/content-tab/content-tab.tsx b/src/client/unified-form/content-tab/content-tab.tsx
index 9ba4056cc5..d83ae6fa82 100644
--- a/src/client/unified-form/content-tab/content-tab.tsx
+++ b/src/client/unified-form/content-tab/content-tab.tsx
@@ -81,7 +81,7 @@ export function ContentTab({works, onChange, onModalClose, onModalOpen, onSeries
 			bbid: series?.id
 		},
 		entityType: 'series',
-		hideTypeOption: true
+		hideItemSelect: true
 	};
 	const checkLabel = (
 		<>
@@ -98,6 +98,24 @@ export function ContentTab({works, onChange, onModalClose, onModalOpen, onSeries
 				</OverlayTrigger>
 			</FormLabel>
 		</>);
+	const seriesWorkLabel = (
+
+		<>
+			<FormLabel className="font-weight-normal">
+			Add Works to Series
+				<OverlayTrigger
+					delay={50}
+					overlay={<Tooltip id="series-work">This will automatically add each new selected work to series items (if present)</Tooltip>}
+				>
+					<FontAwesomeIcon
+						className="margin-left-0-5"
+						icon={faInfoCircle}
+					/>
+				</OverlayTrigger>
+			</FormLabel>
+		</>
+
+	);
 	const filterSeries = React.useCallback((item) => toLower(item.entityType) === 'work', []);
 	const filters = [filterSeries];
 	return (
@@ -125,19 +143,23 @@ export function ContentTab({works, onChange, onModalClose, onModalOpen, onSeries
 					type="checkbox"
 					onChange={toggleCheck}
 				/>
+			</div>
+			<hr/>
+			<div>
+				<h3>Series</h3>
+				<p className="text-muted">You can add all the Works above to an existing or new series if they are part of the
+					 same a set or sequence of related Works.
+					 Check the checkbox below to add the Works to a Series
+				</p>
 				<FormCheck
-					className="ml-1"
+					className="ml-1 mb-2"
 					defaultChecked={copyToSeries}
-					disabled={!series}
 					id="works-copy-to-series"
-					label="Add Work to Series"
+					label={seriesWorkLabel}
 					type="checkbox"
 					onChange={toggleCopyToSeries}
 				/>
-			</div>
-			<hr/>
-			<div>
-				<h3>Series</h3>
+				{copyToSeries &&
 				<Row>
 					<Col lg={{span: 6}}>
 						<SearchEntityCreate
@@ -149,11 +171,8 @@ export function ContentTab({works, onChange, onModalClose, onModalOpen, onSeries
 							{...rest}
 						/>
 					</Col>
-					{/* <Col lg={{span: 2}}>
-						{series && <Button variant="primary" onClick={onShowHandler}>Add Items</Button>}
-					</Col> */}
-				</Row>
-				{series && <SeriesSection {...seriesSectionProps}/>}
+				</Row>}
+				{copyToSeries && <SeriesSection {...seriesSectionProps}/>}
 			</div>
 		</>
 	);
diff --git a/src/client/unified-form/content-tab/reducer.ts b/src/client/unified-form/content-tab/reducer.ts
index 2b69b20220..254dc31b62 100644
--- a/src/client/unified-form/content-tab/reducer.ts
+++ b/src/client/unified-form/content-tab/reducer.ts
@@ -16,7 +16,7 @@ export function worksReducer(state = initialState, {type, payload}:Action):State
 		case UPDATE_WORK:
 			return state.set(payload.id, Immutable.fromJS(payload.value));
 		case TOGGLE_COPY_AUTHOR_CREDITS:
-			return state.setIn([payload, 'checked'], !state.getIn([payload.id, 'checked']));
+			return state.setIn([payload, 'checked'], !state.getIn([payload, 'checked']));
 		default:
 			return state;
 	}
diff --git a/src/client/unified-form/content-tab/series-item-modal.tsx b/src/client/unified-form/content-tab/series-item-modal.tsx
deleted file mode 100644
index 797d0da1db..0000000000
--- a/src/client/unified-form/content-tab/series-item-modal.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import {Modal} from 'react-bootstrap';
-import React from 'react';
-import SeriesSection from '../../entity-editor/series-section/series-section';
-
-
-type Props = {
-    show: boolean,
-    onHideHandler: () => void,
-};
-export default function SeriesItemModal({show, onHideHandler, ...rest}:Props):JSX.Element {
-	const props = {
-		...rest,
-		entityType: 'series',
-		hideTypeOption: true
-	};
-	return (
-		<Modal dialogClassName="series-item-dialog" show={show} onHide={onHideHandler}>
-			<Modal.Header closeButton>
-				<Modal.Title>Series Item</Modal.Title>
-			</Modal.Header>
-			<Modal.Body>
-				<SeriesSection {...props}/>
-			</Modal.Body>
-		</Modal>
-	);
-}
diff --git a/src/client/unified-form/interface/type.ts b/src/client/unified-form/interface/type.ts
index d90c46fac2..62b7a74269 100644
--- a/src/client/unified-form/interface/type.ts
+++ b/src/client/unified-form/interface/type.ts
@@ -204,15 +204,7 @@ export type WorkRowOwnProps = {
 
 export type WorkRowProps = WorkRowStateProps & WorkRowDispatchProps & WorkRowOwnProps;
 
-export type SingleEntityModalProps = {
+export type SingleEntityCardProps = {
     entity:any,
-    show:boolean,
-    handleClose:()=>void,
-	languageOptions:any[]
-};
-
-export type SingleEntityProps = {
-    entity: any;
-    isLast: boolean;
 	languageOptions:any[]
 };
diff --git a/src/client/unified-form/submit-tab/single-entity-modal.tsx b/src/client/unified-form/submit-tab/single-entity-card.tsx
similarity index 81%
rename from src/client/unified-form/submit-tab/single-entity-modal.tsx
rename to src/client/unified-form/submit-tab/single-entity-card.tsx
index 70dbdc4964..7de8bc023e 100644
--- a/src/client/unified-form/submit-tab/single-entity-modal.tsx
+++ b/src/client/unified-form/submit-tab/single-entity-card.tsx
@@ -1,12 +1,13 @@
-import {Modal} from 'react-bootstrap';
+import {Card} from 'react-bootstrap';
 import React from 'react';
-import {SingleEntityModalProps} from '../interface/type';
+import {SingleEntityCardProps} from '../interface/type';
 import _ from 'lodash';
 import {dateObjectToISOString} from '../../helpers/utils';
 
 /* eslint-disable sort-keys */
 const BASE_ENTITY = {
 	Name: 'nameSection.name',
+	Type: 'type',
 	Language: 'nameSection.language',
 	'Sort-Name': 'nameSection.sortName',
 	Disambiguation: 'nameSection.disambiguation',
@@ -29,12 +30,12 @@ const ENTITY_FIELDS = {
 	},
 	editionGroup: {
 		...BASE_ENTITY,
-		Type: 'editionGroupSection.type'
+		'EditionGroup-Type': 'editionGroupSection.type'
 	},
 	author: {
 		...BASE_ENTITY,
 		Gender: 'authorSection.gender',
-		Type: 'authorSection.type',
+		'Author-Type': 'authorSection.type',
 		'Begin-Date': 'authorSection.beginDate',
 		'Begin-Area': 'authorSection.beginArea.text',
 		'Dead?': 'authorSection.ended',
@@ -43,7 +44,7 @@ const ENTITY_FIELDS = {
 	},
 	publisher: {
 		...BASE_ENTITY,
-		Type: 'publisherSection.type',
+		'Publihser-Type': 'publisherSection.type',
 		'Begin-Date': 'publisherSection.beginDate',
 		'Dissolved?': 'publisherSection.ended',
 		'End-Date': 'publisherSection.endDate'
@@ -53,20 +54,20 @@ const ENTITY_FIELDS = {
 		...BASE_ENTITY,
 		orderType: 'seriesSection.orderType',
 		'Series-Items': 'seriesSection.seriesItems',
-		seriesType: 'seriesSection.seriesType'
+		'series-Type': 'seriesSection.seriesType'
 	},
 	work: {
 		...BASE_ENTITY,
-		type: 'workSection.type',
+		'Work-Type': 'workSection.type',
 		'Work-Languages': 'workSection.languages'
 	}
 };
-export default function SingleEntityModal({entity, show, handleClose, languageOptions}:SingleEntityModalProps) {
+export default function SingleEntityCard({entity, languageOptions}:SingleEntityCardProps) {
 	const id2LanguageMap = React.useMemo(() => Object.fromEntries(_.map(languageOptions, (option) => [option.id, option.name])), []);
 	// display formatted entity attributes in modal
 	function renderField(path, key) {
 		let fieldVal = _.get(entity, path, '');
-		if (!fieldVal || (fieldVal.length === 0)) {
+		if (!fieldVal || (fieldVal.length === 0) || key === 'Name') {
 			return;
 		}
 		if (key === 'Language') {
@@ -98,14 +99,11 @@ export default function SingleEntityModal({entity, show, handleClose, languageOp
 	}
 	const entityFields = ENTITY_FIELDS[_.camelCase(entity.type)] ?? {};
 	return (
-		<Modal show={show} onHide={handleClose}>
-			<Modal.Header closeButton>
-				<Modal.Title>{entity.type}</Modal.Title>
-			</Modal.Header>
-			<Modal.Body>
+		<Card className="review-card">
+			<Card.Header>{_.get(entity, entityFields.Name, '<unknown>')}</Card.Header>
+			<Card.Body>
 				{_.map(entityFields, renderField)}
-			</Modal.Body>
-
-		</Modal>
+			</Card.Body>
+		</Card>
 	);
 }
diff --git a/src/client/unified-form/submit-tab/single-entity.tsx b/src/client/unified-form/submit-tab/single-entity.tsx
deleted file mode 100644
index 2f3e4663d1..0000000000
--- a/src/client/unified-form/submit-tab/single-entity.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import SingleEntityModal from './single-entity-modal';
-import {SingleEntityProps} from '../interface/type';
-import {get} from 'lodash';
-
-
-export default function SingleEntity({entity, isLast, languageOptions}:SingleEntityProps) {
-	const [showModal, setShowModal] = React.useState(false);
-	const handleClose = React.useCallback(() => {
-		setShowModal(false);
-	}, []);
-	const handleShow = React.useCallback(() => {
-		setShowModal(true);
-	}, []);
-	return (
-		<>
-			<SingleEntityModal entity={entity} handleClose={handleClose} languageOptions={languageOptions} show={showModal}/>
-			<span className="entities-preview" onClick={handleShow}>
-				{get(entity, 'text') + (isLast ? '' : ', ')}
-			</span>
-		</>);
-}
diff --git a/src/client/unified-form/submit-tab/summary.tsx b/src/client/unified-form/submit-tab/summary.tsx
index 898da17933..0f7c707bf6 100644
--- a/src/client/unified-form/submit-tab/summary.tsx
+++ b/src/client/unified-form/submit-tab/summary.tsx
@@ -2,7 +2,7 @@ import {Badge, ListGroup} from 'react-bootstrap';
 import {Entity, State, SummarySectionProps, SummarySectionStateProps} from '../interface/type';
 import Immutable from 'immutable';
 import React from 'react';
-import SingleEntity from './single-entity';
+import SingleEntityCard from './single-entity-card';
 import _ from 'lodash';
 import {connect} from 'react-redux';
 import {convertMapToObject} from '../../helpers/utils';
@@ -25,36 +25,31 @@ function SummarySection({
 		Series,
 		Works
 	};
-	function renderEntityGroup(entities: Array<any>, entityType: string) {
+	function renderEntityGroup(entities: Array<any>) {
 		const newEntities = entities.filter((entity) => entity.__isNew__);
 		if (newEntities.length === 0) {
 			return null;
 		}
 		return (
-			<ListGroup.Item
-				as="li"
-				className="d-flex justify-content-between align-items-start"
-				key={`${entityType}-new`}
-			>
-				<div className="ms-2 me-auto">
-					<div className="font-weight-bold">{entityType}</div>
-					{newEntities.map((entity, index) => (<SingleEntity
-						entity={entity} isLast={index === newEntities.length - 1}
-						key={entity.id} languageOptions={languageOptions}
-					                                     />))}
-				</div>
-				<Badge pill bg="primary">
-					{newEntities.length}
-				</Badge>
-			</ListGroup.Item>
+			<div className="ms-2 me-auto">
+				{newEntities.map((entity) => (<SingleEntityCard
+					entity={entity}
+					key={entity.id} languageOptions={languageOptions}
+				                              />))
+				}
+			</div>
 		);
 	}
 	return (
 		<div>
-			<h4>New Entities</h4>
-			<ListGroup as="ol">
+			<h3>New Entities</h3>
+			<p className="text-muted">Below you can see a preview of the entities you are about to create
+			or have created in the process of filling the form. Please verify the information and
+			make any adjustment if necessary before submitting the form
+			</p>
+			<section className="review-section">
 				{_.map(createdEntities, renderEntityGroup)}
-			</ListGroup>
+			</section>
 		</div>
 	);
 }