diff --git a/packages/client/hmi-client/src/page/project/components/tera-resource-sidebar.vue b/packages/client/hmi-client/src/page/project/components/tera-resource-sidebar.vue
index dba6d2151b1..502bad07fc7 100644
--- a/packages/client/hmi-client/src/page/project/components/tera-resource-sidebar.vue
+++ b/packages/client/hmi-client/src/page/project/components/tera-resource-sidebar.vue
@@ -1,17 +1,18 @@
 <template>
 	<nav>
-		<header class="resource-panel-toolbar">
-			<span class="p-input-icon-left">
-				<i class="pi pi-search" />
-				<InputText v-model="value1" class="resource-panel-search" placeholder="Find" />
-			</span>
+		<header>
 			<Button
-				icon="pi pi-plus"
-				label="New"
-				class="p-button-sm secondary-button"
-				@click="toggleOptionsMenu"
+				icon="pi pi-code"
+				v-tooltip="`New code file`"
+				class="p-button-icon-only p-button-text p-button-rounded"
+				@click="
+					emit('open-asset', {
+						assetName: 'New file',
+						pageType: ProjectAssetTypes.CODE,
+						assetId: undefined
+					})
+				"
 			/>
-			<Menu ref="optionsMenu" :model="optionsMenuItems" :popup="true" />
 		</header>
 		<Button
 			class="asset-button"
@@ -132,8 +133,6 @@ import AccordionTab from 'primevue/accordiontab';
 import Button from 'primevue/button';
 import { IProject, ProjectAssetTypes, ProjectPages, isProjectAssetTypes } from '@/types/Project';
 import { useDragEvent } from '@/services/drag-drop';
-import InputText from 'primevue/inputtext';
-import Menu from 'primevue/menu';
 
 type IProjectAssetTabs = Map<ProjectAssetTypes, Set<Tab>>;
 
@@ -191,25 +190,6 @@ function endDrag() {
 	deleteDragData('assetNode');
 	draggedAsset.value = null;
 }
-
-const optionsMenu = ref();
-const optionsMenuItems = ref([
-	{
-		icon: 'pi pi-code',
-		label: 'Code editor',
-		command() {
-			emit('open-asset', {
-				assetName: 'New file',
-				pageType: ProjectAssetTypes.CODE,
-				assetId: undefined
-			});
-		}
-	}
-]);
-
-const toggleOptionsMenu = (event) => {
-	optionsMenu.value.toggle(event);
-};
 </script>
 
 <style scoped>
@@ -308,31 +288,4 @@ header {
 .remove-modal em {
 	font-weight: var(--font-weight-semibold);
 }
-
-.resource-panel-toolbar {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 0.5rem;
-}
-
-.resource-panel-search {
-	padding: 0.51rem 0.5rem;
-	width: 100%;
-	font-size: var(--font-caption);
-}
-
-/* We should make a proper secondary outline button. Until then this works. */
-.secondary-button {
-	color: var(--text-color-secondary);
-	font-size: var(--font-caption);
-	background-color: var(--surface-0);
-	border: 1px solid var(--surface-border);
-	width: 6rem;
-}
-
-.secondary-button:hover {
-	color: var(--text-color-secondary) !important;
-	background-color: var(--surface-highlight) !important;
-}
 </style>