diff --git a/packages/client/hmi-client/src/components/project/tera-resource-sidebar.vue b/packages/client/hmi-client/src/components/project/tera-resource-sidebar.vue
index 6549821d1d..4344f44d2b 100644
--- a/packages/client/hmi-client/src/components/project/tera-resource-sidebar.vue
+++ b/packages/client/hmi-client/src/components/project/tera-resource-sidebar.vue
@@ -49,25 +49,22 @@
 			<AccordionTab v-for="[type, assetItems] in assetItemsMap" :key="type">
 				<template #header>
 					<div class="flex justify-space-between w-full">
-						<div class="flex align-items-center w-full">
-							<template v-if="type === AssetType.Document">Documents</template>
-							<template v-else-if="type === AssetType.Code">Code Files</template>
-							<template v-else>{{ capitalize(type) }}s</template>
+						<header class="flex align-items-center w-full">
+							{{ capitalize(type) }}s
 							<aside>({{ assetItems.length }})</aside>
-						</div>
+						</header>
 						<!-- New asset buttons for some types -->
 						<Button
+							v-if="type === AssetType.Model || type === AssetType.Workflow"
 							class="new-button"
-							v-if="type === AssetType.Model || type === AssetType.Code || type === AssetType.Workflow"
 							icon="pi pi-plus"
 							label="New"
-							text
 							size="small"
+							text
 							@click.stop="emit('open-new-asset', type)"
 						/>
 					</div>
 				</template>
-
 				<!-- These are all the resources. They're buttons because they're click and draggable. -->
 				<Button
 					v-for="assetItem in assetItems"
@@ -94,14 +91,13 @@
 							pageType === AssetType.Workflow &&
 							(assetItem.pageType === AssetType.Model ||
 								assetItem.pageType === AssetType.Dataset ||
-								assetItem.pageType === AssetType.Code ||
 								assetItem.pageType === AssetType.Document)
 						"
 						@dragstart="startDrag({ assetId: assetItem.assetId, pageType: assetItem.pageType })"
 						@dragend="endDrag"
 						:class="isEqual(draggedAsset, assetItem) ? 'dragged-asset' : ''"
 						fallback-class="original-asset"
-						:force-fallback="true"
+						force-fallback
 					>
 						<tera-asset-icon :asset-type="assetItem.pageType as AssetType" />
 						<span class="p-button-label">{{ assetItem.assetName }}</span>
@@ -221,7 +217,7 @@ nav {
 	gap: var(--gap-4);
 }
 
-header {
+nav > header {
 	padding-left: var(--gap-2);
 	padding-right: var(--gap-2);
 	display: flex;
diff --git a/packages/client/hmi-client/src/types/Project.ts b/packages/client/hmi-client/src/types/Project.ts
index ab123b624d..8061c56df0 100644
--- a/packages/client/hmi-client/src/types/Project.ts
+++ b/packages/client/hmi-client/src/types/Project.ts
@@ -10,9 +10,13 @@ export enum ProjectPages {
  */
 export const listOfVisibleAssetTypes: AssetType[] = Object.values(AssetType).filter(
 	(type) =>
-		![AssetType.Artifact, AssetType.Simulation, AssetType.ModelConfiguration, AssetType.InterventionPolicy].includes(
-			type
-		)
+		![
+			AssetType.Artifact,
+			AssetType.Code,
+			AssetType.Simulation,
+			AssetType.ModelConfiguration,
+			AssetType.InterventionPolicy
+		].includes(type)
 );
 
 /**