diff --git a/.stylelintrc b/.stylelintrc
index f7135165f7..06443a876f 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -3,7 +3,18 @@
 	"rules": {
 		"property-no-unknown": [
 			true, {
-				"ignoreProperties": ["container-type"]
+				"ignoreProperties": [
+					"container-type",
+					"container"
+				]
+			}
+		],
+		"at-rule-no-unknown": [
+			true, {
+				"ignoreAtRules": [
+					"container",
+					"mixin"
+				]
 			}
 		]
 	},
diff --git a/package.json b/package.json
index 4ca62ee007..2d0f87d1bf 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,8 @@
       "src/resources/js/**/*.js",
       "!src/resources/js/**/*.min.js",
       "!src/resources/js/app/**/*.js",
-      "!src/resources/js/utils/query-string.js"
+      "!src/resources/js/utils/query-string.js",
+      "!src/**/__tests__/**/*.js"
     ],
     "stylelint": [
       "src/resources/postcss/**/*.pcss",
diff --git a/src/modules/components/form/select/component.js b/src/modules/components/form/select/component.js
index c50139e3e4..8a522f3f76 100644
--- a/src/modules/components/form/select/component.js
+++ b/src/modules/components/form/select/component.js
@@ -22,24 +22,25 @@ export default class Select extends PureComponent {
 		options: PropTypes.shape( {
 			label: PropTypes.string,
 			value: PropTypes.any,
+			map: PropTypes.func,
 		} ),
 		onOptionClick: PropTypes.func.isRequired,
 		optionClassName: PropTypes.string,
 		isOpen: PropTypes.bool.isRequired,
 		value: PropTypes.any,
 		className: PropTypes.string,
-	}
+	};
 
 	static defaultProps = {
 		onOptionClick: noop,
 		isOpen: true,
 		optionClassName: '',
-	}
+	};
 
 	_onOptionClick = ( onClose, value, e ) => {
 		this.props.onOptionClick( value, e );
 		onClose();
-	}
+	};
 
 	get selected() {
 		return find( this.props.options, option => option.value === this.props.value );
@@ -66,7 +67,7 @@ export default class Select extends PureComponent {
 				{ option.label }
 			</button>
 		) )
-	)
+	);
 
 	renderToggle = ( { onToggle, isOpen } ) => (
 		<div className="tribe-common-form-select__toggle">
@@ -82,7 +83,7 @@ export default class Select extends PureComponent {
 				/>
 			</button>
 		</div>
-	)
+	);
 
 	renderContent = ( { onClose } ) => (
 		<ScrollTo>
diff --git a/src/modules/elements/accordion/row/template.js b/src/modules/elements/accordion/row/template.js
index 42d63b92df..a86fc3f87a 100644
--- a/src/modules/elements/accordion/row/template.js
+++ b/src/modules/elements/accordion/row/template.js
@@ -23,6 +23,7 @@ class Row extends PureComponent {
 		onClick: PropTypes.func,
 		onClose: PropTypes.func,
 		onOpen: PropTypes.func,
+		contentId: PropTypes.string,
 	};
 
 	static defaultProps = {
diff --git a/src/modules/elements/block-icon/index.js b/src/modules/elements/block-icon/index.js
index 76bf7fe5b7..f75cce2a68 100644
--- a/src/modules/elements/block-icon/index.js
+++ b/src/modules/elements/block-icon/index.js
@@ -9,8 +9,10 @@ import React from 'react';
 import { TEC } from '@moderntribe/common/icons';
 import './style.pcss';
 
-export default () => (
+const BlockIcon = () => (
 	<div className="tribe-editor__icons__container tribe-editor__icons--tec">
 		<TEC />
 	</div>
 );
+
+export default BlockIcon;
diff --git a/src/modules/elements/creatable-select/element.js b/src/modules/elements/creatable-select/element.js
index c795a4c215..a84755172e 100644
--- a/src/modules/elements/creatable-select/element.js
+++ b/src/modules/elements/creatable-select/element.js
@@ -4,8 +4,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { components } from 'react-select';
-import Select from 'react-select';
+import Select, { components } from 'react-select';
 import { Dashicon } from '@wordpress/components';
 
 /**
diff --git a/src/modules/elements/day-picker-input/element.js b/src/modules/elements/day-picker-input/element.js
index 78b20c131b..6ee1ca56ab 100644
--- a/src/modules/elements/day-picker-input/element.js
+++ b/src/modules/elements/day-picker-input/element.js
@@ -1,13 +1,15 @@
+/* global DateFormatter */
 /**
  * External dependencies
  */
 import React, { useState, useRef, useMemo, useCallback } from 'react';
 import classNames from 'classnames';
-import "react-day-picker/src/style.css";
+import 'react-day-picker/src/style.css';
 import { DayPicker } from 'react-day-picker';
 import { Popover } from '@wordpress/components';
 import { getSettings as getDateSettings } from '@wordpress/date';
 import { parse as parseDate } from 'date-fns';
+import PropTypes from 'prop-types';
 
 /**
  * Internal dependencies
@@ -25,7 +27,7 @@ const DatePickerInput = ( props ) => {
 			<input
 				ref={ inputRef } // Attach the ref to the input element
 				className={ classNames( 'tribe-editor__date-input' ) }
-				onChange={ ( event ) => {
+				onChange={ () => {
 
 				} }
 				{ ...inputProps }
@@ -34,21 +36,25 @@ const DatePickerInput = ( props ) => {
 	);
 };
 
+DatePickerInput.propTypes = {
+	setPopoverAnchor: PropTypes.func.isRequired,
+	inputRef: PropTypes.object.isRequired,
+	onDayChange: PropTypes.func.isRequired,
+};
+
 /**
  * Converts the date format from moment.js to the Unicode one used in date-fns.
  *
  * @see https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md
- *
  * @param {string} momentFormat The moment.js format string to convert.
- *
  * @returns {string} The converted format string.
  */
-const momentToDateFnsFormatter = (momentFormat) => {
+const momentToDateFnsFormatter = ( momentFormat ) => {
 	return momentFormat
-	.replace('DD', 'dd')
-	.replace('D', 'd')
-	.replace('YYYY', 'yyyy')
-	.replace('YY', 'yy');
+		.replace( 'DD', 'dd' )
+		.replace( 'D', 'd' )
+		.replace( 'YYYY', 'yyyy' )
+		.replace( 'YY', 'yy' );
 };
 
 const DayPickerInput = ( props ) => {
@@ -57,51 +63,51 @@ const DayPickerInput = ( props ) => {
 	const [ isVisible, setIsVisible ] = useState( false );
 	// Do not memoize this: it could be changed in the context of the Block Editor elsewhere.
 	const phpDateFormat = getDateSettings()?.formats?.date ?? 'MMMM d, y';
-	const dateFormatter = useMemo(() => new DateFormatter(), []);
-	const parsePhpDate  = useCallback(
-		value => dateFormatter.parseDate(value, phpDateFormat),
-		[phpDateFormat]
-	)
+	const dateFormatter = useMemo( () => new DateFormatter(), [] );
+	const parsePhpDate = useCallback(
+		value => dateFormatter.parseDate( value, phpDateFormat ),
+		[ phpDateFormat ],
+	);
 	const formatPhpDate = useCallback(
-		date => dateFormatter.formatDate(date, phpDateFormat),
-		[phpDateFormat]
+		date => dateFormatter.formatDate( date, phpDateFormat ),
+		[ phpDateFormat ],
 	);
 
 	const toggleVisible = () => {
 		setIsVisible( ( state ) => ! state );
 	};
 
-	const { value, onDayChange, formatDate, format } = props;
+	const { value, onDayChange, format } = props;
 
 	// Convert the format from the moment.js one to date-fns one using Unicode characters.
-	const dateFnsFormat = momentToDateFnsFormatter(format);
+	const dateFnsFormat = momentToDateFnsFormatter( format );
 
-	const getSelectedDateInitialState = useCallback((value) => {
+	const getSelectedDateInitialState = useCallback( ( val ) => {
 		// Try and parse the value using teh date-fns format.
-		const d = parseDate(value, dateFnsFormat, new Date());
+		const d = parseDate( val, dateFnsFormat, new Date() );
 
-		if (d instanceof Date && !isNaN(d)) {
+		if ( d instanceof Date && ! isNaN( d ) ) {
 			return d;
 		}
 
 		// Try and parse the value using the PHP date format.
-		const parsed = parsePhpDate(value);
+		const parsed = parsePhpDate( value );
 
 		return parsed;
-	}, [dateFnsFormat, parsePhpDate]);
+	}, [ dateFnsFormat, parsePhpDate ] );
 
-	const [selectedDate, setSelectedDate] = useState(value ? getSelectedDateInitialState(value) : new Date());
+	const [ selectedDate, setSelectedDate ] = useState(
+		value ? getSelectedDateInitialState( value ) : new Date(),
+	);
 
 	/**
 	 * Formats the datepicker Date object to the datepicker format.
 	 *
 	 * @param {Date|null} date The date to format to the datepicker format.
-	 *
 	 * @returns {string} The formatted date.
 	 */
 	const formatDatepickerValue = ( date ) => {
-		// return date ? formatDate( date, 'MMMM d, y', new Date() ) : '';
-		return date ? formatPhpDate(date) : '';
+		return date ? formatPhpDate( date ) : '';
 	};
 
 	return (
@@ -115,7 +121,7 @@ const DayPickerInput = ( props ) => {
 			/>
 			{ isVisible && (
 				<>
-					<Popover.Slot/>
+					<Popover.Slot />
 					<Popover
 						className={ classNames( 'tribe-editor__date-input__popover' ) }
 						anchor={ popoverAnchor.current }
@@ -129,7 +135,7 @@ const DayPickerInput = ( props ) => {
 								setSelectedDate( date );
 								toggleVisible();
 							} }
-							isSelected={true}
+							isSelected={ true }
 						/>
 					</Popover>
 				</>
@@ -138,4 +144,10 @@ const DayPickerInput = ( props ) => {
 	);
 };
 
+DayPickerInput.propTypes = {
+	value: PropTypes.string,
+	onDayChange: PropTypes.func.isRequired,
+	format: PropTypes.string.isRequired,
+};
+
 export default DayPickerInput;
diff --git a/src/modules/elements/heading/element.js b/src/modules/elements/heading/element.js
index db34d26383..530ca60c1e 100644
--- a/src/modules/elements/heading/element.js
+++ b/src/modules/elements/heading/element.js
@@ -27,6 +27,7 @@ const Heading = ( { level, children, className } ) => {
 Heading.propTypes = {
 	children: PropTypes.node.isRequired,
 	level: PropTypes.oneOf( [ 1, 2, 3, 4, 5, 6 ] ).isRequired,
+	className: PropTypes.string,
 };
 
 export default Heading;
diff --git a/src/modules/elements/image-upload/element.js b/src/modules/elements/image-upload/element.js
index 9a944733b2..dbd6c114f8 100644
--- a/src/modules/elements/image-upload/element.js
+++ b/src/modules/elements/image-upload/element.js
@@ -21,6 +21,7 @@ import { wpEditor } from '@moderntribe/common/utils/globals';
 import './style.pcss';
 const { MediaUpload } = wpEditor;
 
+// eslint-disable-next-line react/display-name, react/prop-types
 export const renderImageUploadButton = ( disabled, label ) => ( { open } ) => (
 	<Button
 		onClick={ open }
diff --git a/src/modules/elements/index.js b/src/modules/elements/index.js
index 61253d324d..fe66b5eed1 100644
--- a/src/modules/elements/index.js
+++ b/src/modules/elements/index.js
@@ -1,4 +1,3 @@
-/* eslint-disable wpcalypso/import-docblock */
 export { default as Accordion } from './accordion';
 export { default as BlockIcon } from './block-icon';
 export { default as Button } from './button';
diff --git a/src/modules/elements/paragraph/element.js b/src/modules/elements/paragraph/element.js
index 9ec1ec75cc..d27e6b8b37 100644
--- a/src/modules/elements/paragraph/element.js
+++ b/src/modules/elements/paragraph/element.js
@@ -32,6 +32,7 @@ const Paragraph = ( { children, size = SIZES.medium, className } ) => (
 Paragraph.propTypes = {
 	children: PropTypes.node.isRequired,
 	size: PropTypes.oneOf( Object.keys( SIZES ) ),
+	className: PropTypes.string,
 };
 
 export default Paragraph;
diff --git a/src/modules/elements/placeholder/element.js b/src/modules/elements/placeholder/element.js
index 0efc2888ad..5a063125b6 100644
--- a/src/modules/elements/placeholder/element.js
+++ b/src/modules/elements/placeholder/element.js
@@ -18,6 +18,7 @@ const Placeholder = ( { children, className } ) => (
 
 Placeholder.propTypes = {
 	children: PropTypes.node.isRequired,
+	className: PropTypes.string,
 };
 
 export default Placeholder;
diff --git a/src/modules/elements/radio/element.js b/src/modules/elements/radio/element.js
index 362aa06591..18612583f7 100644
--- a/src/modules/elements/radio/element.js
+++ b/src/modules/elements/radio/element.js
@@ -11,6 +11,7 @@ import { noop } from 'lodash';
  */
 import { RadioInput } from '@moderntribe/common/elements';
 
+// eslint-disable-next-line max-len
 const Radio = ( { checked = false, className, disabled, id, label, onChange = noop, name, value } ) => (
 	<div className={ classNames( 'tribe-editor__radio', className ) }>
 		<RadioInput
diff --git a/src/modules/elements/time-picker/element.js b/src/modules/elements/time-picker/element.js
index 165bc8102a..6daa103fbf 100644
--- a/src/modules/elements/time-picker/element.js
+++ b/src/modules/elements/time-picker/element.js
@@ -111,7 +111,7 @@ const TimePicker = ( {
 
 			items.push( {
 				value: time,
-				text : formatLabel( time ),
+				text: formatLabel( time ),
 				isCurrent,
 			} );
 		}
@@ -121,7 +121,7 @@ const TimePicker = ( {
 
 	const renderItem = ( item, onClose ) => {
 		const itemClasses = {
-			'tribe-editor__timepicker__item'         : true,
+			'tribe-editor__timepicker__item': true,
 			'tribe-editor__timepicker__item--current': item.isCurrent && ! allDay,
 		};
 
@@ -178,17 +178,17 @@ TimePicker.propTypes = {
 	 * using 24h clock in hh:mm format
 	 * e.g. 00:24, 03:57, 21:12
 	 */
-	allDay    : PropTypes.bool,
-	current   : PropTypes.string,
-	disabled  : PropTypes.bool,
-	end       : TribePropTypes.timeFormat.isRequired,
-	onBlur    : PropTypes.func,
-	onChange  : PropTypes.func,
-	onClick   : PropTypes.func,
-	onFocus   : PropTypes.func,
+	allDay: PropTypes.bool,
+	current: PropTypes.string,
+	disabled: PropTypes.bool,
+	end: TribePropTypes.timeFormat.isRequired,
+	onBlur: PropTypes.func,
+	onChange: PropTypes.func,
+	onClick: PropTypes.func,
+	onFocus: PropTypes.func,
 	showAllDay: PropTypes.bool,
-	start     : TribePropTypes.timeFormat.isRequired,
-	step      : PropTypes.number,
+	start: TribePropTypes.timeFormat.isRequired,
+	step: PropTypes.number,
 	timeFormat: PropTypes.string,
 };
 
diff --git a/src/modules/elements/url-input/element.js b/src/modules/elements/url-input/element.js
index 8c299ef2e8..5efcf5211d 100644
--- a/src/modules/elements/url-input/element.js
+++ b/src/modules/elements/url-input/element.js
@@ -20,6 +20,7 @@ const UrlInput = ( { checked, className, onChange, ...rest } ) => (
 );
 
 UrlInput.propTypes = {
+	checked: PropTypes.bool,
 	className: PropTypes.string,
 	onChange: PropTypes.func,
 };
diff --git a/src/resources/js/admin-image-field.js b/src/resources/js/admin-image-field.js
index 59a7c141c4..372a68eee3 100644
--- a/src/resources/js/admin-image-field.js
+++ b/src/resources/js/admin-image-field.js
@@ -89,7 +89,7 @@ tribe.settings.fields.image = {};
 		}
 
 		if ( $fieldParent.is( '[data-image-id=1]' ) ) {
-			 $fieldParent.find( obj.selectors.imgIdInput ).val( attachment.id );
+			$fieldParent.find( obj.selectors.imgIdInput ).val( attachment.id );
 		} else {
 			$fieldParent.find( obj.selectors.imgIdInput ).val( attachment.url );
 		}
@@ -174,4 +174,4 @@ tribe.settings.fields.image = {};
 
 	$( obj.init );
 
-} )( jQuery, tribe.settings.fields.image );
\ No newline at end of file
+} )( jQuery, tribe.settings.fields.image );
diff --git a/src/resources/js/dropdowns.js b/src/resources/js/dropdowns.js
index e660c28721..681aa99de5 100644
--- a/src/resources/js/dropdowns.js
+++ b/src/resources/js/dropdowns.js
@@ -1,4 +1,4 @@
-var tribe_dropdowns = window.tribe_dropdowns || {};
+window.tribe_dropdowns = window.tribe_dropdowns || {};
 
 ( function( $, obj, _ ) {
 	'use strict';
@@ -609,4 +609,4 @@ var tribe_dropdowns = window.tribe_dropdowns || {};
 		$( obj.selector.dropdown ).tribe_dropdowns();
 	});
 
-} )( jQuery, tribe_dropdowns, window.underscore || window._ );
+} )( jQuery, window.tribe_dropdowns, window.underscore || window._ );
diff --git a/src/resources/js/tec-a11y-dialog.js b/src/resources/js/tec-a11y-dialog.js
index ed352221ea..1af77fe11a 100644
--- a/src/resources/js/tec-a11y-dialog.js
+++ b/src/resources/js/tec-a11y-dialog.js
@@ -1,15 +1,28 @@
-/* global NodeList, Element, define */
-
+/* eslint-disable no-undef */
 (function (global) {
 	'use strict';
 
-	var FOCUSABLE_ELEMENTS = ['a[href]', 'area[href]', 'input:not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'iframe', 'object', 'embed', '[contenteditable]', '[tabindex]:not([tabindex^="-"])'];
+	var FOCUSABLE_ELEMENTS = [
+		'a[href]',
+		'area[href]',
+		'input:not([disabled])',
+		'select:not([disabled])',
+		'textarea:not([disabled])',
+		'button:not([disabled])',
+		'iframe',
+		'object',
+		'embed',
+		'[contenteditable]',
+		'[tabindex]:not([tabindex^="-"])',
+	];
 	var TAB_KEY = 9;
 	var ESCAPE_KEY = 27;
 	var focusedBeforeDialog;
 	var browser = browserTests();
 	var scroll = 0;
-	var scroller = browser.ie || browser.firefox || (browser.chrome && !browser.edge) ? document.documentElement : document.body;
+	var scroller = browser.ie || browser.firefox || (browser.chrome && !browser.edge)
+		? document.documentElement
+		: document.body;
 
 	/**
 	 * Define the constructor to instantiate a dialog
@@ -43,7 +56,9 @@
 		this._maintainFocus = this._maintainFocus.bind(this);
 		this._bindKeypress = this._bindKeypress.bind(this);
 
-		this.trigger = isString(this.options.trigger) ? getNodes(this.options.trigger, true, document, true) : this.options.trigger;
+		this.trigger = isString(this.options.trigger)
+			? getNodes(this.options.trigger, true, document, true)
+			: this.options.trigger;
 		this.node = null;
 
 		if (!this.trigger) {
@@ -88,14 +103,24 @@
 		if (!contentNode) {
 			return this;
 		}
-		var ariaDescribedBy = this.options.ariaDescribedBy ? 'aria-describedby="' + this.options.ariaDescribedBy + '" ' : '';
+		var ariaDescribedBy = this.options.ariaDescribedBy ?
+			'aria-describedby="' + this.options.ariaDescribedBy + '" '
+			: '';
 		var ariaLabel = this.options.ariaLabel ? 'aria-label="' + this.options.ariaLabel + '"' : '';
-		var ariaLabelledBy = this.options.ariaLabelledBy ? 'aria-labelledby="' + this.options.ariaLabelledBy + '"' : '';
+		var ariaLabelledBy = this.options.ariaLabelledBy ?
+			'aria-labelledby="' + this.options.ariaLabelledBy + '"'
+			: '';
 		var node = document.createElement('div');
 		node.setAttribute('aria-hidden', 'true');
 		node.classList.add(this.options.wrapperClasses);
-		node.innerHTML = '<div data-js="a11y-overlay" tabindex="-1" class="' + this.options.overlayClasses + '"></div>\n' +
-			'  <div class="' + this.options.contentClasses + '" role="dialog" aria-modal="true" ' + ariaLabelledBy + ariaDescribedBy + ariaLabel + '>\n' +
+		node.innerHTML = '<div ' +
+			'data-js="a11y-overlay" ' +
+			'tabindex="-1" ' +
+			'class="' + this.options.overlayClasses + '"></div>\n' +
+			'  <div ' +
+			'    class="' + this.options.contentClasses + '" ' +
+			'    role="dialog" ' +
+			'    aria-modal="true" ' + ariaLabelledBy + ariaDescribedBy + ariaLabel + '>\n' +
 			'    <div role="document">\n' +
 			'      <button ' +
 			'           data-js="a11y-close-button"' +
@@ -342,7 +367,9 @@
 		}, 50);
 		if (this.options.effect === 'fade') {
 			this.node.style.opacity = '0';
-			this.node.style.transition = 'opacity ' + this.options.effectSpeed + 'ms ' + this.options.effectEasing;
+			this.node.style.transition = 'opacity ' +
+				this.options.effectSpeed + 'ms ' +
+				this.options.effectEasing;
 			setTimeout(function() {
 				_this.node.style.opacity = '1';
 			}, 50);
@@ -387,10 +414,13 @@
 	}
 
 	/**
-	 * Should be used at all times for getting nodes throughout our app. Please use the data-js attribute whenever possible
+	 * Should be used at all times for getting nodes throughout our app. Please use the data-js
+	 * attribute whenever possible.
 	 *
-	 * @param selector The selector string to search for. If arg 4 is false (default) then we search for [data-js="selector"]
-	 * @param convert Convert the NodeList to an array? Then we can Array.forEach directly. Uses convertElements from above
+	 * @param selector The selector string to search for. If arg 4 is false (default) then we
+	 *                 search for [data-js="selector"]
+	 * @param convert Convert the NodeList to an array? Then we can Array.forEach directly.
+	 *                Uses convertElements from above
 	 * @param node Parent node to search from. Defaults to document
 	 * @param custom Is this a custom selector where we don't want to use the data-js attribute?
 	 * @returns {NodeList}
diff --git a/src/resources/js/utils/tec-copy-to-clipboard.js b/src/resources/js/utils/tec-copy-to-clipboard.js
index 4f74121e4f..9f8494689f 100644
--- a/src/resources/js/utils/tec-copy-to-clipboard.js
+++ b/src/resources/js/utils/tec-copy-to-clipboard.js
@@ -1,3 +1,5 @@
+/* global tribeCopyToClipboard */
+
 tribe.copyToClipboard = tribe.copyToClipboard || {};
 
 ( function ( $, obj ) {
diff --git a/src/resources/postcss/base/full/typography/_anchors.pcss b/src/resources/postcss/base/full/typography/_anchors.pcss
index af0dde2d56..fd707c3a4c 100644
--- a/src/resources/postcss/base/full/typography/_anchors.pcss
+++ b/src/resources/postcss/base/full/typography/_anchors.pcss
@@ -1,18 +1,18 @@
 .tribe-common {
 
 	a:not(.tribe-common-anchor--unstyle) {
-		 color: var(--tec-color-text-primary);
-		 outline: 0;
-		 text-decoration: none;
-
-		 &:hover,
-		 &:focus,
-		 &:active,
-		 &:visited {
-			 color: var(--tec-color-text-primary);
-			 outline: 0;
-			 text-decoration: none;
-		 }
+		color: var(--tec-color-text-primary);
+		outline: 0;
+		text-decoration: none;
+
+		&:hover,
+		&:focus,
+		&:active,
+		&:visited {
+			color: var(--tec-color-text-primary);
+			outline: 0;
+			text-decoration: none;
+		}
 
 		&:focus {
 			outline: auto;
diff --git a/src/resources/postcss/dialog.pcss b/src/resources/postcss/dialog.pcss
index 231159cda7..6c0f04445c 100644
--- a/src/resources/postcss/dialog.pcss
+++ b/src/resources/postcss/dialog.pcss
@@ -156,11 +156,11 @@ This can include modals, toasters, confirms. alerts.
 
 	.tribe-dialog__content .tribe-dialog__content__wrapper {
 		&.tribe-dialog__content__wrapper--centered {
+			align-items: center;
 			display: flex;
-			min-height: 145px;
 			height: 100%;
 			justify-content: center;
-			align-items: center;
+			min-height: 145px;
 		}
 	}
 
diff --git a/src/resources/postcss/resets/skeleton/_reset.pcss b/src/resources/postcss/resets/skeleton/_reset.pcss
index 7b1253a3a2..38c4c7dcb0 100644
--- a/src/resources/postcss/resets/skeleton/_reset.pcss
+++ b/src/resources/postcss/resets/skeleton/_reset.pcss
@@ -1,7 +1,6 @@
 .tribe-common {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-	font-smoothing: antialiased;
 
 	/* -----------------------------------------------------------------------------
 	 *
diff --git a/src/resources/postcss/tribe-common-admin/_main.pcss b/src/resources/postcss/tribe-common-admin/_main.pcss
index a947cbd69b..60f6fdc93f 100644
--- a/src/resources/postcss/tribe-common-admin/_main.pcss
+++ b/src/resources/postcss/tribe-common-admin/_main.pcss
@@ -1120,7 +1120,7 @@ p.tribe-update-message {
 
 .tribe_update_page h4:before {
 	content: '\f145';
-	font-family: dashicons;
+	font-family: dashicons, serif;
 	font-size: 34px;
 	line-height: 1;
 	margin-right: 5px;
diff --git a/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss b/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss
index 8499a33b1f..d4758cdfdb 100644
--- a/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss
+++ b/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss
@@ -3,12 +3,12 @@
  * Tribe Common Admin - Black Friday Marketing Notice
  *
  * ----------------------------------------------------------------------------- */
- @import "../../utilities/_all.pcss";
+@import "../../utilities/_all.pcss";
 
 .notice-tribe-banner.tribe-notice-black-friday {
 	--tec-bf-color-start: #00010c;
-	--tec-bf-color-end: #3D54FF;
-	--tec-bf-color-text: #F9FAF9;
+	--tec-bf-color-end: #3d54ff;
+	--tec-bf-color-text: #f9faf9;
 	--tec-bf-color-button-background: transparent;
 
 	background: linear-gradient(to right, var(--tec-bf-color-start), var(--tec-bf-color-end));
@@ -16,8 +16,8 @@
 	font-family: 'Montserrat', sans-serif;
 
 	.tribe-marketing-notice {
-		flex-direction: column;
 		align-items: flex-start;
+		flex-direction: column;
 		max-height: 367px;
 		overflow: hidden;
 
@@ -33,8 +33,8 @@
 
 		h3.tribe-marketing-notice__header,
 		.tribe-marketing-notice__content {
-			font-family: 'Montserrat', sans-serif;
 			color: var(--tec-bf-color-text);
+			font-family: 'Montserrat', sans-serif;
 			margin: 0;
 			padding: 0;
 		}
@@ -57,8 +57,8 @@
 		}
 
 		.tribe-marketing-notice__content-wrapper {
-			max-width: 328px;
 			flex-grow: 1;
+			max-width: 328px;
 			-webkit-font-smoothing: antialiased;
 
 			@container tec-bf-notice (min-width: 540px) {
@@ -73,8 +73,8 @@
 			display: flex;
 			height: 44px;
 			justify-content: center;
-			margin-top: 20px;
 			margin-left: 0;
+			margin-top: 20px;
 			width: 136px;
 
 			a {
@@ -96,8 +96,8 @@
 		}
 
 		.tribe-marketing-notice__image-wrapper {
-			bottom: 26px;
 			align-self: flex-end;
+			bottom: 26px;
 			position: relative;
 
 			@container tec-bf-notice (min-width: 540px) {
@@ -123,7 +123,7 @@
 			background-color: var(--tec-color-background);
 			background-image: svg-inline(close);
 			background-position: center;
-    		background-repeat: no-repeat;
+			background-repeat: no-repeat;
 			background-size: 55%;
 			border-radius: 50%;
 			content: '';
@@ -206,4 +206,3 @@
 	max-width: 390px;
 	width: 100%;
 }
-