diff --git a/.prettierrc b/.prettierrc
index 963354f23..b1ca726a3 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,3 +1,4 @@
 {
-  "printWidth": 120
+  "printWidth": 120,
+  "trailingComma": "es5"
 }
diff --git a/src/Alert/Alert.tsx b/src/Alert/Alert.tsx
index 308f42fe4..e960c0f41 100644
--- a/src/Alert/Alert.tsx
+++ b/src/Alert/Alert.tsx
@@ -15,7 +15,7 @@ export const NotificationTypes = {
   warning: "warning",
 } as const;
 
-export type NotificationType = typeof NotificationTypes[keyof typeof NotificationTypes];
+export type NotificationType = (typeof NotificationTypes)[keyof typeof NotificationTypes];
 
 export type AlertProps = FlexProps & {
   isCloseable?: boolean;
diff --git a/src/Select/Select.tsx b/src/Select/Select.tsx
index 0a294b816..96d1a49c7 100644
--- a/src/Select/Select.tsx
+++ b/src/Select/Select.tsx
@@ -53,7 +53,7 @@ interface CustomProps<IsMulti extends boolean, Group extends GroupBase<NDSOption
 
 export type NDSSelectProps<
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<NDSOption> = GroupBase<NDSOption>
+  Group extends GroupBase<NDSOption> = GroupBase<NDSOption>,
 > = Omit<
   Props<NDSOption, IsMulti, Group>,
   keyof CustomProps<IsMulti, Group> | "isSearchable" | "isDisabled" | "defaultMenuIsOpen" | "isMulti" | "styles"
diff --git a/src/Select/SelectComponents.tsx b/src/Select/SelectComponents.tsx
index 58da9e1f4..f33d1f481 100644
--- a/src/Select/SelectComponents.tsx
+++ b/src/Select/SelectComponents.tsx
@@ -15,7 +15,7 @@ import { NDSOption } from "./Select";
 export function SelectControl<
   Option = NDSOption,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(props: ControlProps<Option, IsMulti, Group>) {
   const { isFocused } = props;
   return (
@@ -30,7 +30,7 @@ export function SelectControl<
 export function SelectMultiValue<
   Option = NDSOption,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(props: MultiValueProps<Option, IsMulti, Group>) {
   return (
     <div data-testid="select-multivalue">
@@ -42,7 +42,7 @@ export function SelectMultiValue<
 export function SelectClearIndicator<
   Option = NDSOption,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(props: ClearIndicatorProps<Option, IsMulti, Group>) {
   return (
     <div data-testid="select-clear">
@@ -54,7 +54,7 @@ export function SelectClearIndicator<
 export function SelectDropdownIndicator<
   Option = NDSOption,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(props: DropdownIndicatorProps<Option, IsMulti, Group>) {
   return (
     <div data-testid="select-arrow">
@@ -66,7 +66,7 @@ export function SelectDropdownIndicator<
 export function SelectMenu<
   Option = NDSOption,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(props: MenuProps<Option, IsMulti, Group>) {
   return (
     <div data-testid="select-dropdown">
@@ -78,7 +78,7 @@ export function SelectMenu<
 export function SelectContainer<
   Option = NDSOption,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(props: ContainerProps<Option, IsMulti, Group>) {
   return (
     <div data-testid="select-container">
@@ -90,7 +90,7 @@ export function SelectContainer<
 export function SelectInput<
   Option = NDSOption,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(props: InputProps<Option, IsMulti, Group>) {
   return (
     <div data-testid="select-input">
diff --git a/src/Select/SelectOption.tsx b/src/Select/SelectOption.tsx
index 01cb3a926..b73e6c3ae 100644
--- a/src/Select/SelectOption.tsx
+++ b/src/Select/SelectOption.tsx
@@ -54,7 +54,7 @@ export const StyledOption = styled.div<StyledOptionProps>(
 export type SelectOptionProps<
   Option = NDSOption,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 > = OptionProps<Option, IsMulti, Group> & {
   variant?: ComponentVariant;
 };
@@ -62,7 +62,7 @@ export type SelectOptionProps<
 export function SelectOption<
   Option = NDSOption,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(props: SelectOptionProps<Option, IsMulti, Group>) {
   const variant = useComponentVariant(props.variant);
 
diff --git a/src/StatusIndicator/StatusIndicator.tsx b/src/StatusIndicator/StatusIndicator.tsx
index 2631bc66e..ccb9d0f9d 100644
--- a/src/StatusIndicator/StatusIndicator.tsx
+++ b/src/StatusIndicator/StatusIndicator.tsx
@@ -12,7 +12,7 @@ export const StatusIndicatorValues = {
   quiet: "quiet",
 } as const;
 
-export type StatusIndicatorType = typeof StatusIndicatorValues[keyof typeof StatusIndicatorValues];
+export type StatusIndicatorType = (typeof StatusIndicatorValues)[keyof typeof StatusIndicatorValues];
 
 const statusIndicatorStyles = (theme: DefaultNDSThemeType) => ({
   [StatusIndicatorValues.neutral]: {
diff --git a/src/utils/story/dashed.tsx b/src/utils/story/dashed.tsx
index 890fbd2e9..41200bfcd 100644
--- a/src/utils/story/dashed.tsx
+++ b/src/utils/story/dashed.tsx
@@ -6,10 +6,9 @@ import { ComponentType } from "react";
  * to highlight its boundaries. To be used in Storybook exclusively.
  * Do not export for production.
  */
-export const dashed = <P extends Record<string, unknown>>(component: ComponentType<P>) =>
-  styled(component)`
-    border-radius: ${(props) => props.theme.radii.large};
-    border-width: ${(props) => props.theme.space.x0_25};
-    border-style: dashed;
-    border-color: ${({ theme }) => theme.colors.lightBlue};
-  `;
+export const dashed = <P extends Record<string, unknown>>(component: ComponentType<P>) => styled(component)`
+  border-radius: ${(props) => props.theme.radii.large};
+  border-width: ${(props) => props.theme.space.x0_25};
+  border-style: dashed;
+  border-color: ${({ theme }) => theme.colors.lightBlue};
+`;
diff --git a/src/utils/withWindowDimensions.js b/src/utils/withWindowDimensions.js
index cf308ebf0..409bd465b 100644
--- a/src/utils/withWindowDimensions.js
+++ b/src/utils/withWindowDimensions.js
@@ -31,11 +31,10 @@ class WindowDimensions extends React.Component {
   }
 }
 
-const withWindowDimensions = (Component) => (props) =>
-  (
-    <WindowDimensions>
-      {(windowDimensions) => <Component windowDimensions={windowDimensions} {...props} />}
-    </WindowDimensions>
-  );
+const withWindowDimensions = (Component) => (props) => (
+  <WindowDimensions>
+    {(windowDimensions) => <Component windowDimensions={windowDimensions} {...props} />}
+  </WindowDimensions>
+);
 
 export default withWindowDimensions;