diff --git a/src/components/v-checkbox/v-checkbox.vue b/src/components/v-checkbox/v-checkbox.vue
index 125460d21c..2a56e22788 100644
--- a/src/components/v-checkbox/v-checkbox.vue
+++ b/src/components/v-checkbox/v-checkbox.vue
@@ -133,7 +133,6 @@ body {
 
 	.label:not(:empty) {
 		margin-left: 8px;
-		color: var(--foreground-subdued);
 		transition: color var(--fast) var(--transition);
 
 		input {
@@ -169,9 +168,6 @@ body {
 		.checkbox {
 			--v-icon-color: var(--foreground-normal);
 		}
-		.label {
-			color: var(--foreground-normal);
-		}
 	}
 
 	&.block {
@@ -179,7 +175,7 @@ body {
 		width: 100%;
 		height: var(--input-height);
 		padding: 10px; // 14 - 4 (border)
-		border: 2px solid var(--background-subdued);
+		border: 2px solid var(--border-subdued);
 		border-radius: var(--border-radius);
 
 		&::before {
diff --git a/src/components/v-icon/custom-icons/folder_move.vue b/src/components/v-icon/custom-icons/folder_move.vue
new file mode 100644
index 0000000000..0fdd11415f
--- /dev/null
+++ b/src/components/v-icon/custom-icons/folder_move.vue
@@ -0,0 +1,21 @@
+<template functional>
+	<svg
+		viewBox="0 0 24 24"
+		width="24"
+		height="24"
+		fill="none"
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		stroke-linejoin="round"
+		stroke-miterlimit="2"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<path
+			d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm.295 7l-5-5v2.852H11v4.296h4.295V18l5-5z"
+		/>
+	</svg>
+</template>
+
+<script lang="ts">
+export default {};
+</script>
diff --git a/src/components/v-icon/v-icon.vue b/src/components/v-icon/v-icon.vue
index 73d269e712..d7792fb696 100644
--- a/src/components/v-icon/v-icon.vue
+++ b/src/components/v-icon/v-icon.vue
@@ -28,6 +28,7 @@ import CustomIconSignalWifi2Bar from './custom-icons/signal_wifi_2_bar.vue';
 import CustomIconSignalWifi3Bar from './custom-icons/signal_wifi_3_bar.vue';
 import CustomIconFlipHorizontal from './custom-icons/flip_horizontal.vue';
 import CustomIconFlipVertical from './custom-icons/flip_vertical.vue';
+import CustomIconFolderMove from './custom-icons/folder_move.vue';
 
 const customIcons: string[] = [
 	'box',
@@ -43,6 +44,7 @@ const customIcons: string[] = [
 	'signal_wifi_3_bar',
 	'flip_horizontal',
 	'flip_vertical',
+	'folder_move',
 ];
 
 export default defineComponent({
@@ -60,6 +62,7 @@ export default defineComponent({
 		CustomIconSignalWifi3Bar,
 		CustomIconFlipHorizontal,
 		CustomIconFlipVertical,
+		CustomIconFolderMove,
 	},
 	props: {
 		name: {
diff --git a/src/interfaces/repeater/repeater-row-form.vue b/src/interfaces/repeater/repeater-row-form.vue
index 35f8c9fd6b..d647915c7a 100644
--- a/src/interfaces/repeater/repeater-row-form.vue
+++ b/src/interfaces/repeater/repeater-row-form.vue
@@ -31,13 +31,14 @@ export default defineComponent({
 @import '@/styles/mixins/type-styles.scss';
 
 .form {
-	--form-vertical-gap: 24px;
-	--form-horizontal-gap: 12px;
+	--v-form-vertical-gap: 24px;
+	--v-form-horizontal-gap: 24px;
 
 	padding: 12px;
 	padding-top: 0;
 
 	::v-deep .type-label {
+		font-weight: 600;
 		@include type-text;
 	}
 }
diff --git a/src/interfaces/repeater/repeater-row.vue b/src/interfaces/repeater/repeater-row.vue
index a674734d30..531d66c881 100644
--- a/src/interfaces/repeater/repeater-row.vue
+++ b/src/interfaces/repeater/repeater-row.vue
@@ -53,10 +53,18 @@ export default defineComponent({
 <style lang="scss" scoped>
 .row {
 	background-color: var(--background-subdued);
+	border: 2px solid var(--border-subdued);
 	border-radius: var(--border-radius);
 
 	& + .row {
 		margin-top: 8px;
 	}
+
+	.repeater {
+		.row {
+			background-color: var(--background-page);
+			border-color: var(--border-normal);
+		}
+	}
 }
 </style>
diff --git a/src/lang/en-US/index.json b/src/lang/en-US/index.json
index e10e5551e6..4afd41d821 100644
--- a/src/lang/en-US/index.json
+++ b/src/lang/en-US/index.json
@@ -73,7 +73,7 @@
 	"confirm_revert": "Confirm Revert",
 	"confirm_revert_body": "This will revert the item to the selected state.",
 
-	"editing_role": "Editing {role} Role",
+	"editing_role": "{role} Role",
 	"editing_webhook": "Editing Webhook",
 
 	"code": "Code",
@@ -600,6 +600,7 @@
 	"editing_file": "Editing File: {title}",
 	"changes_are_immediate_and_permanent": "Changes are immediate and permanent",
 
+	"preset_name_placeholder": "Name of bookmark...",
 	"editing_preset": "Editing Preset",
 	"layout_preview": "Layout Preview",
 	"layout_setup": "Layout Setup",
@@ -616,13 +617,13 @@
 	"page_help_activity_detail": "**Activity Detail** — Shows accountability info, revision data, and the update message for this activity record.",
 	"page_help_files_browse": "**File Library** — Lists all file assets uploaded to this project. Customize layout, filters, and sorting to tailor your view, and even save bookmarks of these different configurations for quick access.",
 	"page_help_files_detail": "**File Detail** — A form for managing file metadata, editing the original asset, and updating access settings.",
-	"page_help_settings_project": "**Project Settings** — Your project's global configuration options.",
+	"page_help_settings_project": "**Project Settings** — Your project's global configuration options.<br><br><a href='https://docs.directus.io/guides/admin-guide.html#global-settings' target='_blank'>Learn More</a>",
 	"page_help_settings_datamodel_collections": "**Data Model: Collections** — Lists all collections available. This includes visible, hidden, and system collections, as well as unmanaged database tables that can be added.",
 	"page_help_settings_datamodel_fields": "**Data Model: Collection** — A form for managing this collection and its fields.",
 	"page_help_settings_roles_browse": "**Browse Roles** — Lists the Admin, Public and custom User Roles.",
 	"page_help_settings_roles_detail": "**Role Detail** — Manage a role's permissions and other settings.",
 	"page_help_settings_presets_browse": "**Browse Presets** — Lists all presets in the project, including: user, role, and global bookmarks, as well as default views.",
-	"page_help_settings_presets_detail": "**Preset Detail** — A form for managing bookmarks and default collection presets.",
+	"page_help_settings_presets_detail": "**Preset Detail** — A form for managing bookmarks and default collection presets.<br><br>To create a default preset, choose a role... TK TK",
 	"page_help_settings_webhooks_browse": "**Browse Webhooks** — Lists all webhooks within the project.",
 	"page_help_settings_webhooks_detail": "**Webhook Detail** — A form for creating and managing project webhooks.",
 	"page_help_users_browse": "**User Directory** — Lists all system users within this project.",
diff --git a/src/layouts/cards/components/card.vue b/src/layouts/cards/components/card.vue
index cab8cc737c..c83daef6b6 100644
--- a/src/layouts/cards/components/card.vue
+++ b/src/layouts/cards/components/card.vue
@@ -221,6 +221,16 @@ export default defineComponent({
 			opacity: 0;
 			transition: opacity var(--fast) var(--transition);
 
+			&::before {
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+				background-image: linear-gradient(-180deg, rgba(38, 50, 56, 0.2) 10%, rgba(38, 50, 56, 0));
+				content: '';
+			}
+
 			&.select-mode {
 				opacity: 1;
 			}
diff --git a/src/layouts/cards/components/header.vue b/src/layouts/cards/components/header.vue
index 46a651fd8e..702dccd32e 100644
--- a/src/layouts/cards/components/header.vue
+++ b/src/layouts/cards/components/header.vue
@@ -1,11 +1,14 @@
 <template>
 	<div class="cards-header">
 		<div class="start">
-			<div class="selected" v-if="_selection.length > 0">
-				<v-icon name="close" @click="_selection = []" />
-				{{ $tc('n_items_selected', _selection.length) }}
+			<div class="selected" v-if="_selection.length > 0" @click="_selection = []">
+				<v-icon name="cancel" />
+				<span class="label">{{ $tc('n_items_selected', _selection.length) }}</span>
 			</div>
-			<button class="select-all" v-else @click="$emit('select-all')">{{ $t('select_all') }}</button>
+			<button class="select-all" v-else @click="$emit('select-all')">
+				<v-icon name="check_circle" />
+				<span class="label">{{ $t('select_all') }}</span>
+			</button>
 		</div>
 		<div class="end">
 			<v-icon
@@ -131,6 +134,27 @@ export default defineComponent({
 	box-shadow: 0 0 0 2px var(--background-page);
 }
 
+.start {
+	.label {
+		display: inline-block;
+		margin-left: 4px;
+		transform: translateY(1px);
+	}
+
+	.select-all {
+		color: var(--foreground-subdued);
+		transition: color var(--fast) var(--transition);
+
+		&:hover {
+			color: var(--foreground-normal);
+		}
+	}
+
+	.selected {
+		cursor: pointer;
+	}
+}
+
 .end {
 	display: flex;
 	align-items: center;
@@ -138,25 +162,34 @@ export default defineComponent({
 
 	.size-selector {
 		margin-right: 16px;
+		transition: color var(--fast) var(--transition);
+
+		&:hover {
+			color: var(--foreground-normal);
+		}
 	}
 
 	.sort-selector {
 		margin-right: 8px;
+		transition: color var(--fast) var(--transition);
+
+		&:hover {
+			color: var(--foreground-normal);
+			cursor: pointer;
+		}
 	}
 
-	.sort-selector:hover {
-		color: var(--foreground-normal);
-		cursor: pointer;
-	}
+	.sort-direction {
+		transition: color var(--fast) var(--transition);
+		&.descending {
+			transform: scaleY(-1);
+		}
 
-	.sort-direction.descending {
-		transform: scaleY(-1);
-	}
+		&:hover {
+			--v-icon-color: var(--foreground-normal);
 
-	.sort-direction:hover {
-		--v-icon-color: var(--foreground-normal);
-
-		cursor: pointer;
+			cursor: pointer;
+		}
 	}
 }
 </style>
diff --git a/src/modules/files/routes/browse/browse.vue b/src/modules/files/routes/browse/browse.vue
index 969f885cff..0b23dc02c8 100644
--- a/src/modules/files/routes/browse/browse.vue
+++ b/src/modules/files/routes/browse/browse.vue
@@ -18,7 +18,7 @@
 			<v-dialog v-model="moveToDialogActive" v-if="selection.length > 0">
 				<template #activator="{ on }">
 					<v-button rounded icon @click="on" class="folder">
-						<v-icon name="folder" />
+						<v-icon name="folder_move" />
 					</v-button>
 				</template>
 
diff --git a/src/modules/files/routes/detail/detail.vue b/src/modules/files/routes/detail/detail.vue
index a251b61a9b..d76011fe9f 100644
--- a/src/modules/files/routes/detail/detail.vue
+++ b/src/modules/files/routes/detail/detail.vue
@@ -35,7 +35,7 @@
 			<v-dialog v-model="moveToDialogActive" v-if="isNew === false">
 				<template #activator="{ on }">
 					<v-button rounded icon :disabled="item === null" @click="on" class="folder">
-						<v-icon name="folder" />
+						<v-icon name="folder_move" />
 					</v-button>
 				</template>
 
diff --git a/src/modules/settings/routes/presets/detail/detail.vue b/src/modules/settings/routes/presets/detail/detail.vue
index 394e7041c9..45313f40fa 100644
--- a/src/modules/settings/routes/presets/detail/detail.vue
+++ b/src/modules/settings/routes/presets/detail/detail.vue
@@ -469,6 +469,9 @@ export default defineComponent({
 					name: i18n.t('name'),
 					interface: 'text-input',
 					width: 'half',
+					options: {
+						placeholder: i18n.t('preset_name_placeholder'),
+					},
 				},
 				{
 					field: 'divider',
@@ -477,6 +480,7 @@ export default defineComponent({
 					width: 'fill',
 					options: {
 						title: i18n.t('layout_preview'),
+						color: '#2F80ED',
 					},
 				},
 			]);
diff --git a/src/modules/users/routes/detail/detail.vue b/src/modules/users/routes/detail/detail.vue
index ad9d2fb18e..b5828ea8b0 100644
--- a/src/modules/users/routes/detail/detail.vue
+++ b/src/modules/users/routes/detail/detail.vue
@@ -51,7 +51,7 @@
 		</template>
 
 		<div class="user-detail">
-			<div class="user-box">
+			<div class="user-box" v-if="isNew === false">
 				<div class="avatar">
 					<v-skeleton-loader v-if="loading || previewLoading" />
 					<img v-else-if="avatarSrc" :src="avatarSrc" :alt="item.first_name" />
diff --git a/src/views/private/components/revisions-drawer-detail/revision-item.vue b/src/views/private/components/revisions-drawer-detail/revision-item.vue
index 127adf9206..9faa5ab8d7 100644
--- a/src/views/private/components/revisions-drawer-detail/revision-item.vue
+++ b/src/views/private/components/revisions-drawer-detail/revision-item.vue
@@ -78,7 +78,7 @@ export default defineComponent({
 .revision-item {
 	position: relative;
 	margin-bottom: 16px;
-	margin-left: 20px;
+	margin-left: 16px;
 
 	.header {
 		position: relative;
@@ -88,7 +88,7 @@ export default defineComponent({
 		.dot {
 			position: absolute;
 			top: 6px;
-			left: -22px;
+			left: -18px;
 			z-index: 2;
 			width: 12px;
 			height: 12px;
@@ -113,7 +113,7 @@ export default defineComponent({
 	&:not(.last)::after {
 		position: absolute;
 		top: 12px;
-		left: -17px;
+		left: -13px;
 		z-index: 1;
 		width: 2px;
 		height: calc(100% + 12px);
diff --git a/src/views/private/components/revisions-drawer-detail/revisions-drawer-detail.vue b/src/views/private/components/revisions-drawer-detail/revisions-drawer-detail.vue
index ed1dbc86d7..b5b4658622 100644
--- a/src/views/private/components/revisions-drawer-detail/revisions-drawer-detail.vue
+++ b/src/views/private/components/revisions-drawer-detail/revisions-drawer-detail.vue
@@ -20,7 +20,7 @@
 		</template>
 
 		<template v-if="loading === false && hasCreate === false">
-			<v-divider />
+			<v-divider v-if="revisionsByDate.length > 0" />
 			<div class="external">
 				{{ $t('revision_delta_created_externally') }}
 			</div>
@@ -201,7 +201,7 @@ export default defineComponent({
 .v-divider {
 	position: sticky;
 	top: 0;
-	z-index: 2;
+	z-index: 3;
 	margin-top: 8px;
 	margin-bottom: 8px;
 	padding-top: 8px;