diff --git a/src/app/core/components/header/header.component.html b/src/app/core/components/header/header.component.html
index 16da5e231..b7cf5f7d0 100644
--- a/src/app/core/components/header/header.component.html
+++ b/src/app/core/components/header/header.component.html
@@ -1,13 +1,13 @@
 <osf-breadcrumb />
 <!--<a [routerLink]="authButtonLink()" class="p-button">{{ authButtonText() | translate }}</a>-->
 
-<div class="dropdown-button ml-auto" style="min-width: 7rem">
+<div class="dropdown-button ml-auto">
   <p-button (click)="menu.toggle($event)">
     {{ currentUser()?.fullName }}
     <i class="pi pi-chevron-down"></i>
   </p-button>
 
-  <p-menu #menu [model]="items" popup>
+  <p-menu appendTo="body" #menu [model]="items" popup>
     <ng-template #item let-item>
       <a class="p-menu-item-link">{{ item.label | translate }}</a>
     </ng-template>
diff --git a/src/app/core/constants/ngxs-states.constant.ts b/src/app/core/constants/ngxs-states.constant.ts
index 77900d826..c0a95f5db 100644
--- a/src/app/core/constants/ngxs-states.constant.ts
+++ b/src/app/core/constants/ngxs-states.constant.ts
@@ -1,8 +1,11 @@
 import { AuthState } from '@core/store/auth';
 import { UserState } from '@core/store/user';
+import { CollectionsState } from '@osf/features/collections/store';
 import { InstitutionsState } from '@osf/features/institutions/store';
 import { MyProjectsState } from '@osf/features/my-projects/store';
 import { AnalyticsState } from '@osf/features/project/analytics/store';
+import { ProjectOverviewState } from '@osf/features/project/overview/store';
+import { WikiState } from '@osf/features/project/wiki/store/wiki.state';
 import { AccountSettingsState } from '@osf/features/settings/account-settings/store/account-settings.state';
 import { AddonsState } from '@osf/features/settings/addons/store';
 import { DeveloperAppsState } from '@osf/features/settings/developer-apps/store';
@@ -22,4 +25,7 @@ export const STATES = [
   AccountSettingsState,
   AnalyticsState,
   NotificationSubscriptionState,
+  ProjectOverviewState,
+  CollectionsState,
+  WikiState,
 ];
diff --git a/src/app/core/constants/storage-locations.constant.ts b/src/app/core/constants/storage-locations.constant.ts
index bfa9226e6..215200959 100644
--- a/src/app/core/constants/storage-locations.constant.ts
+++ b/src/app/core/constants/storage-locations.constant.ts
@@ -1,4 +1,4 @@
-import { StorageLocation } from '@osf/features/my-projects/entities/storage-location.interface';
+import { StorageLocation } from '@osf/features/my-projects/models/storage-location.model';
 
 export const STORAGE_LOCATIONS: StorageLocation[] = [
   { label: 'United States', value: 'us' },
diff --git a/src/app/core/services/json-api/json-api.service.ts b/src/app/core/services/json-api/json-api.service.ts
index e7bdd2c2a..9cf8ef186 100644
--- a/src/app/core/services/json-api/json-api.service.ts
+++ b/src/app/core/services/json-api/json-api.service.ts
@@ -37,7 +37,7 @@ export class JsonApiService {
     return httpParams;
   }
 
-  post<T>(url: string, body: unknown, params?: Record<string, unknown>): Observable<T> {
+  post<T>(url: string, body?: unknown, params?: Record<string, unknown>): Observable<T> {
     return this.http
       .post<JsonApiResponse<T, null>>(url, body, {
         params: this.buildHttpParams(params),
diff --git a/src/app/features/collections/models/collections.models.ts b/src/app/features/collections/models/collections.models.ts
new file mode 100644
index 000000000..e23886ee1
--- /dev/null
+++ b/src/app/features/collections/models/collections.models.ts
@@ -0,0 +1,13 @@
+export interface CollectionAttributes {
+  title: string;
+  bookmarks: boolean;
+}
+
+export interface Collection {
+  id: string;
+  attributes: CollectionAttributes;
+}
+
+export interface SparseCollectionsResponse {
+  data: Collection[];
+}
diff --git a/src/app/features/collections/models/index.ts b/src/app/features/collections/models/index.ts
new file mode 100644
index 000000000..81e640d13
--- /dev/null
+++ b/src/app/features/collections/models/index.ts
@@ -0,0 +1 @@
+export * from './collections.models';
diff --git a/src/app/features/collections/services/collections.service.ts b/src/app/features/collections/services/collections.service.ts
new file mode 100644
index 000000000..293fd337a
--- /dev/null
+++ b/src/app/features/collections/services/collections.service.ts
@@ -0,0 +1,58 @@
+import { map, Observable } from 'rxjs';
+
+import { inject, Injectable } from '@angular/core';
+
+import { JsonApiService } from '@core/services/json-api/json-api.service';
+import { SparseCollectionsResponse } from '@osf/features/collections/models/collections.models';
+
+import { environment } from '../../../../environments/environment';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class CollectionsService {
+  #jsonApiService = inject(JsonApiService);
+
+  getBookmarksCollectionId(): Observable<string> {
+    const params: Record<string, unknown> = {
+      'fields[collections]': 'title,bookmarks',
+    };
+
+    return this.#jsonApiService.get<SparseCollectionsResponse>(environment.apiUrl + '/collections/', params).pipe(
+      map((response: SparseCollectionsResponse) => {
+        const bookmarksCollection = response.data.find(
+          (collection) => collection.attributes.title === 'Bookmarks' && collection.attributes.bookmarks
+        );
+        return bookmarksCollection?.id ?? '';
+      })
+    );
+  }
+
+  addProjectToBookmarks(bookmarksId: string, projectId: string): Observable<void> {
+    const url = `${environment.apiUrl}/collections/${bookmarksId}/relationships/linked_nodes/`;
+    const payload = {
+      data: [
+        {
+          type: 'linked_nodes',
+          id: projectId,
+        },
+      ],
+    };
+
+    return this.#jsonApiService.post<void>(url, payload);
+  }
+
+  removeProjectFromBookmarks(bookmarksId: string, projectId: string): Observable<void> {
+    const url = `${environment.apiUrl}/collections/${bookmarksId}/relationships/linked_nodes/`;
+    const payload = {
+      data: [
+        {
+          type: 'linked_nodes',
+          id: projectId,
+        },
+      ],
+    };
+
+    return this.#jsonApiService.delete(url, payload);
+  }
+}
diff --git a/src/app/features/collections/services/index.ts b/src/app/features/collections/services/index.ts
new file mode 100644
index 000000000..db7cf83da
--- /dev/null
+++ b/src/app/features/collections/services/index.ts
@@ -0,0 +1 @@
+export * from './collections.service';
diff --git a/src/app/features/collections/store/collections.actions.ts b/src/app/features/collections/store/collections.actions.ts
new file mode 100644
index 000000000..6288b04a0
--- /dev/null
+++ b/src/app/features/collections/store/collections.actions.ts
@@ -0,0 +1,25 @@
+export class GetBookmarksCollectionId {
+  static readonly type = '[Collections] Get Bookmarks Collection Id';
+}
+
+export class AddProjectToBookmarks {
+  static readonly type = '[Collections] Add Project To Bookmarks';
+
+  constructor(
+    public bookmarksId: string,
+    public projectId: string
+  ) {}
+}
+
+export class RemoveProjectFromBookmarks {
+  static readonly type = '[Collections] Remove Project From Bookmarks';
+
+  constructor(
+    public bookmarksId: string,
+    public projectId: string
+  ) {}
+}
+
+export class ClearCollections {
+  static readonly type = '[Collections] Clear Collections';
+}
diff --git a/src/app/features/collections/store/collections.model.ts b/src/app/features/collections/store/collections.model.ts
new file mode 100644
index 000000000..bb7aff785
--- /dev/null
+++ b/src/app/features/collections/store/collections.model.ts
@@ -0,0 +1,5 @@
+import { AsyncStateModel } from '@osf/shared/models/store';
+
+export interface CollectionsStateModel {
+  bookmarksId: AsyncStateModel<string>;
+}
diff --git a/src/app/features/collections/store/collections.selectors.ts b/src/app/features/collections/store/collections.selectors.ts
new file mode 100644
index 000000000..fe7302d8e
--- /dev/null
+++ b/src/app/features/collections/store/collections.selectors.ts
@@ -0,0 +1,21 @@
+import { Selector } from '@ngxs/store';
+
+import { CollectionsStateModel } from './collections.model';
+import { CollectionsState } from './collections.state';
+
+export class CollectionsSelectors {
+  @Selector([CollectionsState])
+  static getBookmarksCollectionId(state: CollectionsStateModel) {
+    return state.bookmarksId.data;
+  }
+
+  @Selector([CollectionsState])
+  static getBookmarksCollectionIdLoading(state: CollectionsStateModel) {
+    return state.bookmarksId.isLoading;
+  }
+
+  @Selector([CollectionsState])
+  static getBookmarksCollectionIdSubmitting(state: CollectionsStateModel) {
+    return state.bookmarksId.isSubmitting;
+  }
+}
diff --git a/src/app/features/collections/store/collections.state.ts b/src/app/features/collections/store/collections.state.ts
new file mode 100644
index 000000000..016268b29
--- /dev/null
+++ b/src/app/features/collections/store/collections.state.ts
@@ -0,0 +1,120 @@
+import { Action, State, StateContext } from '@ngxs/store';
+
+import { catchError, tap, throwError } from 'rxjs';
+
+import { Injectable } from '@angular/core';
+
+import { CollectionsService } from '../services/collections.service';
+
+import {
+  AddProjectToBookmarks,
+  ClearCollections,
+  GetBookmarksCollectionId,
+  RemoveProjectFromBookmarks,
+} from './collections.actions';
+import { CollectionsStateModel } from './collections.model';
+
+const COLLECTIONS_DEFAULTS: CollectionsStateModel = {
+  bookmarksId: {
+    data: '',
+    isLoading: false,
+    isSubmitting: false,
+    error: null,
+  },
+};
+
+@State<CollectionsStateModel>({
+  name: 'collections',
+  defaults: COLLECTIONS_DEFAULTS,
+})
+@Injectable()
+export class CollectionsState {
+  constructor(private collectionsService: CollectionsService) {}
+
+  @Action(GetBookmarksCollectionId)
+  getBookmarksCollectionId(ctx: StateContext<CollectionsStateModel>) {
+    const state = ctx.getState();
+    ctx.patchState({
+      bookmarksId: {
+        ...state.bookmarksId,
+        isLoading: true,
+      },
+    });
+
+    return this.collectionsService.getBookmarksCollectionId().pipe(
+      tap((res) => {
+        ctx.patchState({
+          bookmarksId: {
+            data: res,
+            isLoading: false,
+            error: null,
+          },
+        });
+      }),
+      catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+    );
+  }
+
+  @Action(AddProjectToBookmarks)
+  addProjectToBookmarks(ctx: StateContext<CollectionsStateModel>, action: AddProjectToBookmarks) {
+    const state = ctx.getState();
+    ctx.patchState({
+      bookmarksId: {
+        ...state.bookmarksId,
+        isSubmitting: true,
+      },
+    });
+
+    return this.collectionsService.addProjectToBookmarks(action.bookmarksId, action.projectId).pipe(
+      tap(() => {
+        ctx.patchState({
+          bookmarksId: {
+            ...state.bookmarksId,
+            isSubmitting: false,
+          },
+        });
+      }),
+      catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+    );
+  }
+
+  @Action(RemoveProjectFromBookmarks)
+  removeProjectFromBookmarks(ctx: StateContext<CollectionsStateModel>, action: RemoveProjectFromBookmarks) {
+    const state = ctx.getState();
+    ctx.patchState({
+      bookmarksId: {
+        ...state.bookmarksId,
+        isSubmitting: true,
+      },
+    });
+
+    return this.collectionsService.removeProjectFromBookmarks(action.bookmarksId, action.projectId).pipe(
+      tap(() => {
+        ctx.patchState({
+          bookmarksId: {
+            ...state.bookmarksId,
+            isSubmitting: false,
+          },
+        });
+      }),
+      catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+    );
+  }
+
+  @Action(ClearCollections)
+  clearCollections(ctx: StateContext<CollectionsStateModel>) {
+    ctx.patchState(COLLECTIONS_DEFAULTS);
+  }
+
+  private handleError(ctx: StateContext<CollectionsStateModel>, section: keyof CollectionsStateModel, error: Error) {
+    ctx.patchState({
+      [section]: {
+        ...ctx.getState()[section],
+        isLoading: false,
+        isSubmitting: false,
+        error: error.message,
+      },
+    });
+    return throwError(() => error);
+  }
+}
diff --git a/src/app/features/collections/store/index.ts b/src/app/features/collections/store/index.ts
new file mode 100644
index 000000000..f19c00620
--- /dev/null
+++ b/src/app/features/collections/store/index.ts
@@ -0,0 +1,4 @@
+export * from './collections.actions';
+export * from './collections.model';
+export * from './collections.selectors';
+export * from './collections.state';
diff --git a/src/app/features/home/home.component.ts b/src/app/features/home/home.component.ts
index 81e7d7529..2e5bde276 100644
--- a/src/app/features/home/home.component.ts
+++ b/src/app/features/home/home.component.ts
@@ -1,4 +1,4 @@
-import { Store } from '@ngxs/store';
+import { select, Store } from '@ngxs/store';
 
 import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 
@@ -16,8 +16,8 @@ import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { MY_PROJECTS_TABLE_PARAMS } from '@core/constants/my-projects-table.constants';
 import { ConfirmEmailComponent } from '@osf/features/home/components/confirm-email/confirm-email.component';
 import { GetUserInstitutions } from '@osf/features/institutions/store';
-import { MyProjectsItem } from '@osf/features/my-projects/entities/my-projects.entities';
-import { MyProjectsSearchFilters } from '@osf/features/my-projects/entities/my-projects-search-filters.models';
+import { MyProjectsItem } from '@osf/features/my-projects/models/my-projects.models';
+import { MyProjectsSearchFilters } from '@osf/features/my-projects/models/my-projects-search-filters.models';
 import { ClearMyProjects, GetMyProjects, MyProjectsSelectors } from '@osf/features/my-projects/store';
 import { AccountSettingsService } from '@osf/features/settings/account-settings/services/account-settings.service';
 import { AddProjectFormComponent } from '@shared/components/add-project-form/add-project-form.component';
@@ -60,8 +60,8 @@ export class HomeComponent implements OnInit {
     ...MY_PROJECTS_TABLE_PARAMS,
   });
 
-  protected readonly projects = this.#store.selectSignal(MyProjectsSelectors.getProjects);
-  protected readonly totalProjectsCount = this.#store.selectSignal(MyProjectsSelectors.getTotalProjectsCount);
+  protected readonly projects = select(MyProjectsSelectors.getProjects);
+  protected readonly totalProjectsCount = select(MyProjectsSelectors.getTotalProjects);
 
   protected readonly filteredProjects = computed(() => {
     const search = this.searchValue().toLowerCase();
diff --git a/src/app/features/my-projects/mappers/my-projects.mapper.ts b/src/app/features/my-projects/mappers/my-projects.mapper.ts
index c2a0bd243..b8f751918 100644
--- a/src/app/features/my-projects/mappers/my-projects.mapper.ts
+++ b/src/app/features/my-projects/mappers/my-projects.mapper.ts
@@ -1,4 +1,4 @@
-import { MyProjectsItem, MyProjectsItemGetResponse } from '@osf/features/my-projects/entities/my-projects.entities';
+import { MyProjectsItem, MyProjectsItemGetResponse } from '@osf/features/my-projects/models/my-projects.models';
 
 export class MyProjectsMapper {
   static fromResponse(response: MyProjectsItemGetResponse): MyProjectsItem {
diff --git a/src/app/features/my-projects/entities/create-project.entities.ts b/src/app/features/my-projects/models/create-project.model.ts
similarity index 100%
rename from src/app/features/my-projects/entities/create-project.entities.ts
rename to src/app/features/my-projects/models/create-project.model.ts
diff --git a/src/app/features/my-projects/entities/my-projects.types.ts b/src/app/features/my-projects/models/my-projects-endpoint.type.ts
similarity index 100%
rename from src/app/features/my-projects/entities/my-projects.types.ts
rename to src/app/features/my-projects/models/my-projects-endpoint.type.ts
diff --git a/src/app/features/my-projects/entities/my-projects-search-filters.models.ts b/src/app/features/my-projects/models/my-projects-search-filters.models.ts
similarity index 100%
rename from src/app/features/my-projects/entities/my-projects-search-filters.models.ts
rename to src/app/features/my-projects/models/my-projects-search-filters.models.ts
diff --git a/src/app/features/my-projects/entities/my-projects.entities.ts b/src/app/features/my-projects/models/my-projects.models.ts
similarity index 85%
rename from src/app/features/my-projects/entities/my-projects.entities.ts
rename to src/app/features/my-projects/models/my-projects.models.ts
index f405f9a7b..a9e0ff8b5 100644
--- a/src/app/features/my-projects/entities/my-projects.entities.ts
+++ b/src/app/features/my-projects/models/my-projects.models.ts
@@ -68,17 +68,3 @@ export interface MyProjectsJsonApiResponse extends JsonApiResponse<MyProjectsIte
     };
   };
 }
-
-export interface CollectionAttributes {
-  title: string;
-  bookmarks: boolean;
-}
-
-export interface Collection {
-  id: string;
-  attributes: CollectionAttributes;
-}
-
-export interface SparseCollectionsResponse {
-  data: Collection[];
-}
diff --git a/src/app/features/my-projects/entities/storage-location.interface.ts b/src/app/features/my-projects/models/storage-location.model.ts
similarity index 100%
rename from src/app/features/my-projects/entities/storage-location.interface.ts
rename to src/app/features/my-projects/models/storage-location.model.ts
diff --git a/src/app/features/my-projects/my-projects.component.ts b/src/app/features/my-projects/my-projects.component.ts
index a1f456f50..165b1c3c1 100644
--- a/src/app/features/my-projects/my-projects.component.ts
+++ b/src/app/features/my-projects/my-projects.component.ts
@@ -26,12 +26,12 @@ import { ActivatedRoute, Router } from '@angular/router';
 
 import { MY_PROJECTS_TABLE_PARAMS } from '@core/constants/my-projects-table.constants';
 import { parseQueryFilterParams } from '@core/helpers/http.helper';
+import { CollectionsSelectors, GetBookmarksCollectionId } from '@osf/features/collections/store';
 import { GetUserInstitutions } from '@osf/features/institutions/store';
-import { MyProjectsItem } from '@osf/features/my-projects/entities/my-projects.entities';
-import { MyProjectsSearchFilters } from '@osf/features/my-projects/entities/my-projects-search-filters.models';
+import { MyProjectsItem } from '@osf/features/my-projects/models/my-projects.models';
+import { MyProjectsSearchFilters } from '@osf/features/my-projects/models/my-projects-search-filters.models';
 import {
   ClearMyProjects,
-  GetBookmarksCollectionId,
   GetMyBookmarks,
   GetMyPreprints,
   GetMyProjects,
@@ -116,12 +116,12 @@ export class MyProjectsComponent implements OnInit {
   protected readonly registrations = this.#store.selectSignal(MyProjectsSelectors.getRegistrations);
   protected readonly preprints = this.#store.selectSignal(MyProjectsSelectors.getPreprints);
   protected readonly bookmarks = this.#store.selectSignal(MyProjectsSelectors.getBookmarks);
-  protected readonly totalProjectsCount = this.#store.selectSignal(MyProjectsSelectors.getTotalProjectsCount);
-  protected readonly totalRegistrationsCount = this.#store.selectSignal(MyProjectsSelectors.getTotalRegistrationsCount);
-  protected readonly totalPreprintsCount = this.#store.selectSignal(MyProjectsSelectors.getTotalPreprintsCount);
-  protected readonly totalBookmarksCount = this.#store.selectSignal(MyProjectsSelectors.getTotalBookmarksCount);
+  protected readonly totalProjectsCount = this.#store.selectSignal(MyProjectsSelectors.getTotalProjects);
+  protected readonly totalRegistrationsCount = this.#store.selectSignal(MyProjectsSelectors.getTotalRegistrations);
+  protected readonly totalPreprintsCount = this.#store.selectSignal(MyProjectsSelectors.getTotalPreprints);
+  protected readonly totalBookmarksCount = this.#store.selectSignal(MyProjectsSelectors.getTotalBookmarks);
 
-  protected readonly bookmarksCollectionId = this.#store.selectSignal(MyProjectsSelectors.getBookmarksCollectionId);
+  protected readonly bookmarksCollectionId = this.#store.selectSignal(CollectionsSelectors.getBookmarksCollectionId);
 
   constructor() {
     this.#setupQueryParamsEffect();
diff --git a/src/app/features/my-projects/my-projects.service.ts b/src/app/features/my-projects/my-projects.service.ts
index 34bb63b9d..ac45cc818 100644
--- a/src/app/features/my-projects/my-projects.service.ts
+++ b/src/app/features/my-projects/my-projects.service.ts
@@ -4,22 +4,20 @@ import { map } from 'rxjs/operators';
 import { inject, Injectable } from '@angular/core';
 
 import { JsonApiService } from '@core/services/json-api/json-api.service';
+import { MyProjectsMapper } from '@osf/features/my-projects/mappers/my-projects.mapper';
+import { CreateProjectPayload } from '@osf/features/my-projects/models/create-project.model';
 import {
   MyProjectsItem,
   MyProjectsItemGetResponse,
   MyProjectsItemResponse,
   MyProjectsJsonApiResponse,
-  SparseCollectionsResponse,
-} from '@osf/features/my-projects/entities/my-projects.entities';
-import { EndpointType } from '@osf/features/my-projects/entities/my-projects.types';
-import { MyProjectsSearchFilters } from '@osf/features/my-projects/entities/my-projects-search-filters.models';
-import { MyProjectsMapper } from '@osf/features/my-projects/mappers/my-projects.mapper';
+} from '@osf/features/my-projects/models/my-projects.models';
+import { EndpointType } from '@osf/features/my-projects/models/my-projects-endpoint.type';
+import { MyProjectsSearchFilters } from '@osf/features/my-projects/models/my-projects-search-filters.models';
 import { SortOrder } from '@shared/utils/sort-order.enum';
 
 import { environment } from '../../../environments/environment';
 
-import { CreateProjectPayload } from './entities/create-project.entities';
-
 @Injectable({
   providedIn: 'root',
 })
@@ -61,10 +59,10 @@ export class MyProjectsService {
     } else {
       params['sort'] = '-date_modified';
     }
-    const url = environment.apiUrl + '/' + endpoint + '/';
-    // const url = endpoint.startsWith('collections/')
-    //   ? environment.apiUrl + '/' + endpoint
-    //   : environment.apiUrl + '/users/me/' + endpoint;
+    // const url = environment.apiUrl + '/' + endpoint + '/';
+    const url = endpoint.startsWith('collections/')
+      ? environment.apiUrl + '/' + endpoint
+      : environment.apiUrl + '/users/me/' + endpoint;
 
     return this.#jsonApiService.get<MyProjectsJsonApiResponse>(url, params).pipe(
       map((response: MyProjectsJsonApiResponse) => ({
@@ -82,21 +80,6 @@ export class MyProjectsService {
     return this.#getMyItems('nodes', filters, pageNumber, pageSize);
   }
 
-  getBookmarksCollectionId(): Observable<string> {
-    const params: Record<string, unknown> = {
-      'fields[collections]': 'title,bookmarks',
-    };
-
-    return this.#jsonApiService.get<SparseCollectionsResponse>(environment.apiUrl + '/collections/', params).pipe(
-      map((response) => {
-        const bookmarksCollection = response.data.find(
-          (collection) => collection.attributes.title === 'Bookmarks' && collection.attributes.bookmarks
-        );
-        return bookmarksCollection?.id ?? '';
-      })
-    );
-  }
-
   getMyRegistrations(
     filters?: MyProjectsSearchFilters,
     pageNumber?: number,
diff --git a/src/app/features/my-projects/store/my-projects.actions.ts b/src/app/features/my-projects/store/my-projects.actions.ts
index 5c84bd819..47c9053a8 100644
--- a/src/app/features/my-projects/store/my-projects.actions.ts
+++ b/src/app/features/my-projects/store/my-projects.actions.ts
@@ -1,4 +1,4 @@
-import { MyProjectsSearchFilters } from '@osf/features/my-projects/entities/my-projects-search-filters.models';
+import { MyProjectsSearchFilters } from '@osf/features/my-projects/models/my-projects-search-filters.models';
 
 export class GetMyProjects {
   static readonly type = '[My Projects] Get Projects';
@@ -32,6 +32,7 @@ export class GetMyPreprints {
 
 export class GetMyBookmarks {
   static readonly type = '[My Projects] Get Bookmarks';
+
   constructor(
     public bookmarksId: string,
     public pageNumber: number,
@@ -40,10 +41,6 @@ export class GetMyBookmarks {
   ) {}
 }
 
-export class GetBookmarksCollectionId {
-  static readonly type = '[My Projects] Get Bookmarks Collection Id';
-}
-
 export class ClearMyProjects {
   static readonly type = '[My Projects] Clear Projects';
 }
diff --git a/src/app/features/my-projects/store/my-projects.model.ts b/src/app/features/my-projects/store/my-projects.model.ts
index 2998362cd..b42c42506 100644
--- a/src/app/features/my-projects/store/my-projects.model.ts
+++ b/src/app/features/my-projects/store/my-projects.model.ts
@@ -1,13 +1,13 @@
-import { MyProjectsItem } from '@osf/features/my-projects/entities/my-projects.entities';
+import { MyProjectsItem } from '@osf/features/my-projects/models/my-projects.models';
+import { AsyncStateModel } from '@osf/shared/models/store';
 
 export interface MyProjectsStateModel {
-  projects: MyProjectsItem[];
-  registrations: MyProjectsItem[];
-  preprints: MyProjectsItem[];
-  bookmarks: MyProjectsItem[];
+  projects: AsyncStateModel<MyProjectsItem[]>;
+  registrations: AsyncStateModel<MyProjectsItem[]>;
+  preprints: AsyncStateModel<MyProjectsItem[]>;
+  bookmarks: AsyncStateModel<MyProjectsItem[]>;
   totalProjects: number;
   totalRegistrations: number;
   totalPreprints: number;
   totalBookmarks: number;
-  bookmarksId: string;
 }
diff --git a/src/app/features/my-projects/store/my-projects.selectors.ts b/src/app/features/my-projects/store/my-projects.selectors.ts
index 3c46dfd2d..b321497f4 100644
--- a/src/app/features/my-projects/store/my-projects.selectors.ts
+++ b/src/app/features/my-projects/store/my-projects.selectors.ts
@@ -1,52 +1,53 @@
 import { Selector } from '@ngxs/store';
 
-import { MyProjectsState } from '@osf/features/my-projects/store/my-projects.state';
+import { MyProjectsItem } from '@osf/features/my-projects/models/my-projects.models';
 
 import { MyProjectsStateModel } from './my-projects.model';
+import { MyProjectsState } from './my-projects.state';
 
 export class MyProjectsSelectors {
   @Selector([MyProjectsState])
-  static getProjects(state: MyProjectsStateModel) {
-    return state.projects;
+  static getProjects(state: MyProjectsStateModel): MyProjectsItem[] {
+    return state.projects.data;
   }
 
   @Selector([MyProjectsState])
-  static getRegistrations(state: MyProjectsStateModel) {
-    return state.registrations;
+  static getRegistrations(state: MyProjectsStateModel): MyProjectsItem[] {
+    return state.registrations.data;
   }
 
   @Selector([MyProjectsState])
-  static getPreprints(state: MyProjectsStateModel) {
-    return state.preprints;
+  static getPreprints(state: MyProjectsStateModel): MyProjectsItem[] {
+    return state.preprints.data;
   }
 
   @Selector([MyProjectsState])
-  static getBookmarks(state: MyProjectsStateModel) {
-    return state.bookmarks;
+  static getBookmarks(state: MyProjectsStateModel): MyProjectsItem[] {
+    return state.bookmarks.data;
   }
 
   @Selector([MyProjectsState])
-  static getTotalProjectsCount(state: MyProjectsStateModel) {
+  static getTotalProjects(state: MyProjectsStateModel): number {
     return state.totalProjects;
   }
 
   @Selector([MyProjectsState])
-  static getTotalRegistrationsCount(state: MyProjectsStateModel) {
+  static getTotalRegistrations(state: MyProjectsStateModel): number {
     return state.totalRegistrations;
   }
 
   @Selector([MyProjectsState])
-  static getTotalPreprintsCount(state: MyProjectsStateModel) {
+  static getTotalPreprints(state: MyProjectsStateModel): number {
     return state.totalPreprints;
   }
 
   @Selector([MyProjectsState])
-  static getTotalBookmarksCount(state: MyProjectsStateModel) {
+  static getTotalBookmarks(state: MyProjectsStateModel): number {
     return state.totalBookmarks;
   }
 
   @Selector([MyProjectsState])
-  static getBookmarksCollectionId(state: MyProjectsStateModel) {
-    return state.bookmarksId;
+  static getBookmarksLoading(state: MyProjectsStateModel): boolean {
+    return state.bookmarks.isLoading;
   }
 }
diff --git a/src/app/features/my-projects/store/my-projects.state.ts b/src/app/features/my-projects/store/my-projects.state.ts
index 37789a431..90a7df6aa 100644
--- a/src/app/features/my-projects/store/my-projects.state.ts
+++ b/src/app/features/my-projects/store/my-projects.state.ts
@@ -1,6 +1,6 @@
 import { Action, State, StateContext } from '@ngxs/store';
 
-import { tap } from 'rxjs';
+import { catchError, tap, throwError } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
 
@@ -9,7 +9,6 @@ import { MyProjectsService } from '@osf/features/my-projects/my-projects.service
 import {
   ClearMyProjects,
   CreateProject,
-  GetBookmarksCollectionId,
   GetMyBookmarks,
   GetMyPreprints,
   GetMyProjects,
@@ -20,15 +19,30 @@ import { MyProjectsStateModel } from './my-projects.model';
 @State<MyProjectsStateModel>({
   name: 'myProjects',
   defaults: {
-    projects: [],
-    registrations: [],
-    preprints: [],
-    bookmarks: [],
+    projects: {
+      data: [],
+      isLoading: false,
+      error: null,
+    },
+    registrations: {
+      data: [],
+      isLoading: false,
+      error: null,
+    },
+    preprints: {
+      data: [],
+      isLoading: false,
+      error: null,
+    },
+    bookmarks: {
+      data: [],
+      isLoading: false,
+      error: null,
+    },
     totalProjects: 0,
     totalRegistrations: 0,
     totalPreprints: 0,
     totalBookmarks: 0,
-    bookmarksId: '',
   },
 })
 @Injectable()
@@ -37,72 +51,130 @@ export class MyProjectsState {
 
   @Action(GetMyProjects)
   getProjects(ctx: StateContext<MyProjectsStateModel>, action: GetMyProjects) {
+    const state = ctx.getState();
+    ctx.patchState({
+      projects: {
+        ...state.projects,
+        isLoading: true,
+      },
+    });
+
     return this.myProjectsService.getMyProjects(action.filters, action.pageNumber, action.pageSize).pipe(
       tap((res) => {
         ctx.patchState({
-          projects: res.data,
+          projects: {
+            data: res.data,
+            isLoading: false,
+            error: null,
+          },
           totalProjects: res.links.meta.total,
         });
-      })
+      }),
+      catchError((error) => this.handleError(ctx, ['projects', 'totalProjects'], error))
     );
   }
 
   @Action(GetMyRegistrations)
   getRegistrations(ctx: StateContext<MyProjectsStateModel>, action: GetMyRegistrations) {
+    const state = ctx.getState();
+    ctx.patchState({
+      registrations: {
+        ...state.registrations,
+        isLoading: true,
+      },
+    });
+
     return this.myProjectsService.getMyRegistrations(action.filters, action.pageNumber, action.pageSize).pipe(
       tap((res) => {
         ctx.patchState({
-          registrations: res.data,
+          registrations: {
+            data: res.data,
+            isLoading: false,
+            error: null,
+          },
           totalRegistrations: res.links.meta.total,
         });
-      })
+      }),
+      catchError((error) => this.handleError(ctx, ['registrations', 'totalRegistrations'], error))
     );
   }
 
   @Action(GetMyPreprints)
   getPreprints(ctx: StateContext<MyProjectsStateModel>, action: GetMyPreprints) {
+    const state = ctx.getState();
+    ctx.patchState({
+      preprints: {
+        ...state.preprints,
+        isLoading: true,
+      },
+    });
+
     return this.myProjectsService.getMyPreprints(action.filters, action.pageNumber, action.pageSize).pipe(
       tap((res) => {
         ctx.patchState({
-          preprints: res.data,
+          preprints: {
+            data: res.data,
+            isLoading: false,
+            error: null,
+          },
           totalPreprints: res.links.meta.total,
         });
-      })
+      }),
+      catchError((error) => this.handleError(ctx, ['preprints', 'totalPreprints'], error))
     );
   }
 
   @Action(GetMyBookmarks)
   getBookmarks(ctx: StateContext<MyProjectsStateModel>, action: GetMyBookmarks) {
+    const state = ctx.getState();
+    ctx.patchState({
+      bookmarks: {
+        ...state.bookmarks,
+        isLoading: true,
+        error: null,
+      },
+    });
+
     return this.myProjectsService
       .getMyBookmarks(action.bookmarksId, action.filters, action.pageNumber, action.pageSize)
       .pipe(
         tap((res) => {
           ctx.patchState({
-            bookmarks: res.data,
+            bookmarks: {
+              data: res.data,
+              isLoading: false,
+              error: null,
+            },
             totalBookmarks: res.links.meta.total,
           });
-        })
+        }),
+        catchError((error) => this.handleError(ctx, ['bookmarks', 'totalBookmarks'], error))
       );
   }
 
-  @Action(GetBookmarksCollectionId)
-  getBookmarksCollectionId(ctx: StateContext<MyProjectsStateModel>) {
-    return this.myProjectsService.getBookmarksCollectionId().pipe(
-      tap((res) => {
-        ctx.patchState({
-          bookmarksId: res,
-        });
-      })
-    );
-  }
-
   @Action(ClearMyProjects)
   clearMyProjects(ctx: StateContext<MyProjectsStateModel>) {
     ctx.patchState({
-      projects: [],
-      registrations: [],
-      preprints: [],
-      bookmarks: [],
+      projects: {
+        data: [],
+        isLoading: false,
+        error: null,
+      },
+      registrations: {
+        data: [],
+        isLoading: false,
+        error: null,
+      },
+      preprints: {
+        data: [],
+        isLoading: false,
+        error: null,
+      },
+      bookmarks: {
+        data: [],
+        isLoading: false,
+        error: null,
+      },
       totalProjects: 0,
       totalRegistrations: 0,
       totalPreprints: 0,
@@ -112,16 +184,45 @@ export class MyProjectsState {
 
   @Action(CreateProject)
   createProject(ctx: StateContext<MyProjectsStateModel>, action: CreateProject) {
+    const state = ctx.getState();
+    ctx.patchState({
+      projects: {
+        ...state.projects,
+        isLoading: true,
+      },
+    });
+
     return this.myProjectsService
       .createProject(action.title, action.description, action.templateFrom, action.region, action.affiliations)
       .pipe(
         tap((project) => {
-          const state = ctx.getState();
           ctx.patchState({
-            projects: [project, ...state.projects],
+            projects: {
+              data: [project, ...state.projects.data],
+              isLoading: false,
+              error: null,
+            },
             totalProjects: state.totalProjects + 1,
           });
-        })
+        }),
+        catchError((error) => this.handleError(ctx, ['projects', 'totalProjects'], error))
       );
   }
+
+  private handleError(ctx: StateContext<MyProjectsStateModel>, sections: (keyof MyProjectsStateModel)[], error: Error) {
+    const state = ctx.getState();
+    sections.forEach((section) => {
+      if (section === 'projects' || section === 'registrations' || section === 'preprints' || section === 'bookmarks') {
+        ctx.patchState({
+          [section]: {
+            ...state[section],
+            isLoading: false,
+            error: error.message,
+          },
+        });
+      }
+    });
+
+    return throwError(() => error);
+  }
 }
diff --git a/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.html b/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.html
new file mode 100644
index 000000000..dcbdf2bc2
--- /dev/null
+++ b/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.html
@@ -0,0 +1,135 @@
+<form [formGroup]="componentForm" (ngSubmit)="submitForm()" class="flex flex-column gap-4">
+  <div class="flex flex-column">
+    <label for="component-title">
+      {{ 'project.overview.dialog.addComponent.title' | translate }}
+    </label>
+    <input pInputText id="component-title" type="text" [formControlName]="ComponentFormControls.Title" />
+  </div>
+
+  @if (currentProject()?.affiliatedInstitutions?.length) {
+    <div class="flex flex-column gap-2">
+      <div class="relative">
+        <h3 class="font-normal affiliation-label mb-2">
+          {{ 'project.overview.dialog.addComponent.affiliation.title' | translate }}
+        </h3>
+        <div class="flex gap-4 absolute top-0 right-0">
+          <p-button
+            class="secondary-transparent"
+            type="button"
+            severity="secondary"
+            (click)="selectAllAffiliations()"
+            (keydown.enter)="selectAllAffiliations()"
+          >
+            {{ 'project.overview.dialog.addComponent.affiliation.selectAll' | translate }}
+          </p-button>
+          <p-button
+            class="secondary-transparent"
+            type="button"
+            severity="secondary"
+            (click)="removeAllAffiliations()"
+            (keydown.enter)="removeAllAffiliations()"
+          >
+            {{ 'project.overview.dialog.addComponent.affiliation.removeAll' | translate }}
+          </p-button>
+        </div>
+      </div>
+
+      <div class="flex gap-2" role="group" aria-label="Affiliations">
+        @for (affiliation of currentProject()?.affiliatedInstitutions; track affiliation.id) {
+          <div class="flex align-items-center relative gap-2">
+            <p-checkbox
+              class="absolute top-0 affiliation-checkbox"
+              [value]="affiliation.id"
+              [formControlName]="ComponentFormControls.Affiliations"
+              [inputId]="affiliation.id"
+              [name]="'affiliations'"
+            />
+            <img ngSrc="{{ affiliation.logo }}" alt="OSF Logo" height="44" width="44" />
+          </div>
+        }
+      </div>
+    </div>
+  }
+
+  <div class="flex flex-column">
+    <label for="storage-location">
+      {{ 'project.overview.dialog.addComponent.storageLocation' | translate }}
+    </label>
+    <p-select
+      id="storage-location"
+      [options]="storageLocations"
+      [formControlName]="ComponentFormControls.StorageLocation"
+    ></p-select>
+  </div>
+
+  <div
+    class="cursor-pointer flex align-items-start gap-2"
+    (click)="toggleAddContributors()"
+    (keydown.enter)="toggleAddContributors()"
+    tabindex="0"
+    role="checkbox"
+    [attr.aria-checked]="componentForm.get(ComponentFormControls.AddContributors)?.value"
+  >
+    <p-checkbox [formControlName]="ComponentFormControls.AddContributors" [binary]="true"></p-checkbox>
+    <div>
+      <p>
+        {{ ('project.overview.dialog.addComponent.addContributors' | translate) + ' ' + currentProject()?.title }}
+      </p>
+      <small>{{
+        currentProject()?.title + ' ' + ('project.overview.dialog.addComponent.contributorsMessage' | translate)
+      }}</small>
+    </div>
+  </div>
+
+  <!-- Add Tags -->
+  <div
+    class="cursor-pointer flex align-items-start gap-2"
+    (click)="toggleAddTags()"
+    (keydown.enter)="toggleAddTags()"
+    tabindex="0"
+    role="checkbox"
+    [attr.aria-checked]="componentForm.get(ComponentFormControls.AddTags)?.value"
+  >
+    <p-checkbox [formControlName]="ComponentFormControls.AddTags" [binary]="true"></p-checkbox>
+    <p>
+      {{ ('project.overview.dialog.addComponent.addTags' | translate) + ' ' + currentProject()?.title }}
+    </p>
+  </div>
+
+  <!-- License Info -->
+  <div class="flex flex-column">
+    <label for="license">{{ 'project.overview.dialog.addComponent.license.title' | translate }}</label>
+    <p class="pt-1" id="license">
+      {{
+        ('project.overview.dialog.addComponent.license.description' | translate) + ' ' + currentProject()?.title + '.'
+      }}
+      <a href="https://help.osf.io/article/288-license-your-project" target="_blank">
+        {{ 'project.overview.dialog.addComponent.license.learnMore' | translate }}
+      </a>
+    </p>
+  </div>
+
+  <div class="flex flex-column">
+    <label for="description">
+      {{ 'project.overview.dialog.addComponent.description' | translate }}
+    </label>
+    <textarea pTextarea id="description" [formControlName]="ComponentFormControls.Description" [rows]="5"></textarea>
+  </div>
+
+  <div class="flex justify-content-end gap-3">
+    <p-button
+      class="w-12rem btn-full-width"
+      [label]="'project.overview.dialog.addComponent.cancelButton' | translate"
+      severity="info"
+      (click)="dialogRef.close()"
+      [disabled]="isSubmitting()"
+    />
+    <p-button
+      class="w-12rem btn-full-width"
+      [label]="'project.overview.dialog.addComponent.confirmButton' | translate"
+      type="submit"
+      [disabled]="!componentForm.valid || isSubmitting()"
+      [loading]="isSubmitting()"
+    />
+  </div>
+</form>
diff --git a/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.scss b/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.scss
new file mode 100644
index 000000000..b32edb90d
--- /dev/null
+++ b/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.scss
@@ -0,0 +1,6 @@
+@use "/assets/styles/variables" as var;
+
+.affiliation-label {
+  text-transform: none;
+  color: var.$grey-1;
+}
diff --git a/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.spec.ts b/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.spec.ts
new file mode 100644
index 000000000..16e23d9cc
--- /dev/null
+++ b/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AddComponentDialogComponent } from './add-component-dialog.component';
+
+describe('AddComponentComponent', () => {
+  let component: AddComponentDialogComponent;
+  let fixture: ComponentFixture<AddComponentDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AddComponentDialogComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(AddComponentDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.ts b/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.ts
new file mode 100644
index 000000000..f11fbde9d
--- /dev/null
+++ b/src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.ts
@@ -0,0 +1,144 @@
+import { select, Store } from '@ngxs/store';
+
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+
+import { ButtonModule } from 'primeng/button';
+import { CheckboxModule } from 'primeng/checkbox';
+import { DropdownModule } from 'primeng/dropdown';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { InputTextModule } from 'primeng/inputtext';
+import { Select } from 'primeng/select';
+import { Textarea } from 'primeng/textarea';
+
+import { CommonModule, NgOptimizedImage } from '@angular/common';
+import { ChangeDetectionStrategy, Component, DestroyRef, inject, OnInit } from '@angular/core';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+
+import { STORAGE_LOCATIONS } from '@core/constants/storage-locations.constant';
+import { ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { CreateComponent, GetComponents } from '@osf/features/project/overview/store/project-overview.actions';
+import { ComponentForm } from '@shared/entities/create-component-form.interface';
+import { ComponentFormControls } from '@shared/entities/create-component-form-controls.enum';
+import { ToastService } from '@shared/services';
+import { IS_XSMALL } from '@shared/utils/breakpoints.tokens';
+
+@Component({
+  selector: 'osf-add-component-dialog',
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    ButtonModule,
+    InputTextModule,
+    DropdownModule,
+    CheckboxModule,
+    Select,
+    Textarea,
+    NgOptimizedImage,
+    TranslatePipe,
+  ],
+  templateUrl: './add-component-dialog.component.html',
+  styleUrl: './add-component-dialog.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class AddComponentDialogComponent implements OnInit {
+  private store = inject(Store);
+  private translateService = inject(TranslateService);
+  private toastService = inject(ToastService);
+  protected isMobile = toSignal(inject(IS_XSMALL));
+  protected dialogRef = inject(DynamicDialogRef);
+  protected destroyRef = inject(DestroyRef);
+  protected ComponentFormControls = ComponentFormControls;
+  protected storageLocations = STORAGE_LOCATIONS;
+  protected isSubmitting = select(ProjectOverviewSelectors.getComponentsSubmitting);
+  protected currentProject = this.store.selectSignal(ProjectOverviewSelectors.getProject);
+
+  toggleAddContributors(): void {
+    const control = this.componentForm.get(ComponentFormControls.AddContributors);
+    if (control) {
+      control.setValue(!control.value);
+    }
+  }
+
+  toggleAddTags(): void {
+    const control = this.componentForm.get(ComponentFormControls.AddTags);
+    if (control) {
+      control.setValue(!control.value);
+    }
+  }
+
+  componentForm = new FormGroup<ComponentForm>({
+    [ComponentFormControls.Title]: new FormControl('', {
+      nonNullable: true,
+      validators: [Validators.required],
+    }),
+    [ComponentFormControls.StorageLocation]: new FormControl('us', {
+      nonNullable: true,
+      validators: [Validators.required],
+    }),
+    [ComponentFormControls.Affiliations]: new FormControl<string[]>([], {
+      nonNullable: true,
+    }),
+    [ComponentFormControls.Description]: new FormControl('', {
+      nonNullable: true,
+    }),
+    [ComponentFormControls.AddContributors]: new FormControl(false, {
+      nonNullable: true,
+    }),
+    [ComponentFormControls.AddTags]: new FormControl(false, {
+      nonNullable: true,
+    }),
+  });
+
+  ngOnInit(): void {
+    this.selectAllAffiliations();
+  }
+
+  selectAllAffiliations(): void {
+    const allAffiliationValues = this.currentProject()?.affiliatedInstitutions?.map((aff) => aff.id) || [];
+    this.componentForm.get(ComponentFormControls.Affiliations)?.setValue(allAffiliationValues);
+  }
+
+  removeAllAffiliations(): void {
+    this.componentForm.get(ComponentFormControls.Affiliations)?.setValue([]);
+  }
+
+  submitForm(): void {
+    if (!this.componentForm.valid) {
+      this.componentForm.markAllAsTouched();
+      return;
+    }
+
+    const formValue = this.componentForm.getRawValue();
+    const project = this.currentProject();
+
+    if (!project) {
+      return;
+    }
+
+    const tags = formValue.addTags ? project.tags : [];
+
+    this.store
+      .dispatch(
+        new CreateComponent(
+          project.id,
+          formValue.title,
+          formValue.description,
+          tags,
+          formValue.storageLocation,
+          formValue.affiliations,
+          formValue.addContributors
+        )
+      )
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe({
+        next: () => {
+          this.dialogRef.close();
+          this.store.dispatch(new GetComponents(project.id));
+          this.toastService.showSuccess(
+            this.translateService.instant('project.overview.dialog.toast.addComponent.success')
+          );
+        },
+      });
+  }
+}
diff --git a/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.html b/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.html
new file mode 100644
index 000000000..3f2a4cfd8
--- /dev/null
+++ b/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.html
@@ -0,0 +1,24 @@
+<p>{{ 'project.overview.dialog.deleteComponent.message' | translate }}</p>
+<br />
+<p>
+  {{ 'project.overview.dialog.deleteComponent.confirmation' | translate }}
+  <strong> {{ selectedScientist() }}</strong>
+</p>
+<input pInputText class="mt-3" [ngModel]="userInput()" (ngModelChange)="onInputChange($event)" />
+<div class="flex pt-5 justify-content-end gap-3">
+  <p-button
+    class="w-12rem btn-full-width"
+    [label]="'project.overview.dialog.deleteComponent.cancelButton' | translate"
+    severity="info"
+    (click)="dialogRef.close()"
+    [disabled]="isSubmitting()"
+  />
+  <p-button
+    class="w-12rem btn-full-width"
+    [label]="'project.overview.dialog.deleteComponent.confirmButton' | translate"
+    (onClick)="handleDeleteComponent()"
+    severity="danger"
+    [disabled]="isSubmitting() || !isInputValid()"
+    [loading]="isSubmitting()"
+  />
+</div>
diff --git a/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.scss b/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.spec.ts b/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.spec.ts
new file mode 100644
index 000000000..df3027a2c
--- /dev/null
+++ b/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DeleteComponentDialogComponent } from './delete-component-dialog.component';
+
+describe('DeleteComponentDialogComponent', () => {
+  let component: DeleteComponentDialogComponent;
+  let fixture: ComponentFixture<DeleteComponentDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [DeleteComponentDialogComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(DeleteComponentDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.ts b/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.ts
new file mode 100644
index 000000000..22184d9a2
--- /dev/null
+++ b/src/app/features/project/overview/components/delete-component-dialog/delete-component-dialog.component.ts
@@ -0,0 +1,68 @@
+import { select, Store } from '@ngxs/store';
+
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
+import { InputText } from 'primeng/inputtext';
+
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, inject, signal } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormsModule } from '@angular/forms';
+
+import { DeleteComponent, GetComponents, ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { ToastService } from '@shared/services';
+import { ScientistsNames } from '@shared/utils/scientists.const';
+
+@Component({
+  selector: 'osf-delete-component-dialog',
+  imports: [TranslatePipe, Button, InputText, FormsModule],
+  templateUrl: './delete-component-dialog.component.html',
+  styleUrl: './delete-component-dialog.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class DeleteComponentDialogComponent {
+  private store = inject(Store);
+  private dialogConfig = inject(DynamicDialogConfig);
+  private translateService = inject(TranslateService);
+  private toastService = inject(ToastService);
+  protected dialogRef = inject(DynamicDialogRef);
+  protected destroyRef = inject(DestroyRef);
+  private componentId = signal(this.dialogConfig.data.componentId);
+  protected scientistNames = ScientistsNames;
+  protected currentProject = select(ProjectOverviewSelectors.getProject);
+  protected isSubmitting = select(ProjectOverviewSelectors.getComponentsSubmitting);
+  protected userInput = signal('');
+  protected selectedScientist = computed(() => {
+    const names = Object.values(this.scientistNames);
+    return names[Math.floor(Math.random() * names.length)];
+  });
+
+  protected isInputValid(): boolean {
+    return this.userInput() === this.selectedScientist();
+  }
+
+  protected onInputChange(value: string): void {
+    this.userInput.set(value);
+  }
+
+  protected handleDeleteComponent(): void {
+    const project = this.currentProject();
+    const componentId = this.componentId();
+
+    if (!componentId || !project) return;
+
+    this.store
+      .dispatch(new DeleteComponent(componentId))
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe({
+        next: () => {
+          this.dialogRef.close();
+          this.store.dispatch(new GetComponents(project.id));
+          this.toastService.showSuccess(
+            this.translateService.instant('project.overview.dialog.toast.deleteComponent.success')
+          );
+        },
+      });
+  }
+}
diff --git a/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.html b/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.html
new file mode 100644
index 000000000..624553660
--- /dev/null
+++ b/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.html
@@ -0,0 +1,24 @@
+<div class="dialog-container">
+  <p>
+    {{ 'project.overview.dialog.duplicate.message1' | translate }}
+  </p>
+  <p>
+    {{ 'project.overview.dialog.duplicate.message2' | translate }}
+  </p>
+
+  <div class="flex mt-6 gap-3 justify-content-between">
+    <p-button
+      [label]="'project.overview.dialog.duplicate.cancelButton' | translate"
+      severity="info"
+      (click)="dialogRef.close(false)"
+      [disabled]="isSubmitting()"
+      class="btn-half-width"
+    />
+    <p-button
+      [label]="'project.overview.dialog.duplicate.confirmButton' | translate"
+      (click)="handleDuplicateConfirm()"
+      [loading]="isSubmitting()"
+      class="btn-half-width"
+    />
+  </div>
+</div>
diff --git a/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.scss b/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.scss
new file mode 100644
index 000000000..91348bb81
--- /dev/null
+++ b/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.scss
@@ -0,0 +1,3 @@
+.dialog-container {
+  line-height: 1.7rem;
+}
diff --git a/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.spec.ts b/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.spec.ts
new file mode 100644
index 000000000..b6da30f83
--- /dev/null
+++ b/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DuplicateDialogComponent } from './duplicate-dialog.component';
+
+describe('DuplicateDialogComponent', () => {
+  let component: DuplicateDialogComponent;
+  let fixture: ComponentFixture<DuplicateDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [DuplicateDialogComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(DuplicateDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.ts b/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.ts
new file mode 100644
index 000000000..a52afa40b
--- /dev/null
+++ b/src/app/features/project/overview/components/duplicate-dialog/duplicate-dialog.component.ts
@@ -0,0 +1,45 @@
+import { select, Store } from '@ngxs/store';
+
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+
+import { ChangeDetectionStrategy, Component, DestroyRef, inject } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+import { DuplicateProject, ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { ToastService } from '@shared/services';
+
+@Component({
+  selector: 'osf-duplicate-dialog',
+  imports: [TranslatePipe, Button],
+  templateUrl: './duplicate-dialog.component.html',
+  styleUrl: './duplicate-dialog.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class DuplicateDialogComponent {
+  private store = inject(Store);
+  private translateService = inject(TranslateService);
+  private toastService = inject(ToastService);
+  protected dialogRef = inject(DynamicDialogRef);
+  protected destroyRef = inject(DestroyRef);
+  protected isSubmitting = select(ProjectOverviewSelectors.getDuplicateProjectSubmitting);
+
+  protected handleDuplicateConfirm(): void {
+    const project = this.store.selectSnapshot(ProjectOverviewSelectors.getProject);
+    if (!project) return;
+
+    this.store
+      .dispatch(new DuplicateProject(project.id, project.title))
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe({
+        next: () => {
+          this.dialogRef.close();
+          this.toastService.showSuccess(
+            this.translateService.instant('project.overview.dialog.toast.duplicate.success')
+          );
+        },
+      });
+  }
+}
diff --git a/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.html b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.html
new file mode 100644
index 000000000..aab189f9e
--- /dev/null
+++ b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.html
@@ -0,0 +1,19 @@
+<p>
+  {{ 'project.overview.dialog.fork.message' | translate }}
+</p>
+
+<div class="flex mt-6 gap-3 justify-content-between">
+  <p-button
+    [label]="'project.overview.dialog.fork.cancelButton' | translate"
+    severity="info"
+    (click)="dialogRef.close(false)"
+    [disabled]="isSubmitting()"
+    class="btn-half-width"
+  />
+  <p-button
+    [label]="'project.overview.dialog.fork.confirmButton' | translate"
+    (click)="handleForkConfirm()"
+    [loading]="isSubmitting()"
+    class="btn-half-width"
+  />
+</div>
diff --git a/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.scss b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.spec.ts b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.spec.ts
new file mode 100644
index 000000000..f8f7d3206
--- /dev/null
+++ b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ForkDialogComponent } from './fork-dialog.component';
+
+describe('ForkDialogComponent', () => {
+  let component: ForkDialogComponent;
+  let fixture: ComponentFixture<ForkDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ForkDialogComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ForkDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts
new file mode 100644
index 000000000..16ad96518
--- /dev/null
+++ b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts
@@ -0,0 +1,43 @@
+import { select, Store } from '@ngxs/store';
+
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+
+import { ChangeDetectionStrategy, Component, DestroyRef, inject } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+import { ForkProject, ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { ToastService } from '@shared/services';
+
+@Component({
+  selector: 'osf-fork-dialog',
+  imports: [TranslatePipe, Button],
+  templateUrl: './fork-dialog.component.html',
+  styleUrl: './fork-dialog.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ForkDialogComponent {
+  private store = inject(Store);
+  private translateService = inject(TranslateService);
+  private toastService = inject(ToastService);
+  protected dialogRef = inject(DynamicDialogRef);
+  protected destroyRef = inject(DestroyRef);
+  protected isSubmitting = select(ProjectOverviewSelectors.getForkProjectSubmitting);
+
+  protected handleForkConfirm(): void {
+    const project = this.store.selectSnapshot(ProjectOverviewSelectors.getProject);
+    if (!project) return;
+
+    this.store
+      .dispatch(new ForkProject(project.id))
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe({
+        next: () => {
+          this.dialogRef.close();
+          this.toastService.showSuccess(this.translateService.instant('project.overview.dialog.toast.fork.success'));
+        },
+      });
+  }
+}
diff --git a/src/app/features/project/overview/components/index.ts b/src/app/features/project/overview/components/index.ts
new file mode 100644
index 000000000..1a05bdc37
--- /dev/null
+++ b/src/app/features/project/overview/components/index.ts
@@ -0,0 +1,5 @@
+export * from './add-component-dialog/add-component-dialog.component';
+export * from './delete-component-dialog/delete-component-dialog.component';
+export * from './duplicate-dialog/duplicate-dialog.component';
+export * from './fork-dialog/fork-dialog.component';
+export * from './toggle-publicity-dialog/toggle-publicity-dialog.component';
diff --git a/src/app/features/project/overview/components/linked-projects/linked-projects.component.html b/src/app/features/project/overview/components/linked-projects/linked-projects.component.html
new file mode 100644
index 000000000..732d95773
--- /dev/null
+++ b/src/app/features/project/overview/components/linked-projects/linked-projects.component.html
@@ -0,0 +1,49 @@
+<div class="linked-project flex flex-column p-2 pb-4 gap-4">
+  <div class="flex align-items-center pt-3 pl-3 pr-3 justify-content-between">
+    <h2>{{ 'project.overview.linkedProjects.title' | translate }}</h2>
+    <p-button severity="secondary" [label]="'project.overview.components.linkProjectsButton' | translate" />
+  </div>
+  <div class="linked-project-container pl-3 pr-3 flex flex-column gap-5">
+    @if (isLinkedProjectsLoading()) {
+      <p-skeleton width="100%" height="7rem" />
+    } @else {
+      @if (linkedProjects().length) {
+        @for (linkedProject of linkedProjects(); track linkedProject.id) {
+          <div class="linked-project-wrapper flex flex-column p-3 gap-3">
+            <div class="flex justify-content-between align-items-center">
+              <h2 class="flex gap-2">
+                <i [ngClass]="linkedProject.public ? 'osf-icon-padlock-unlock' : 'osf-icon-padlock'"></i>
+                <a class="linked-project-title" [href]="'my-projects/' + linkedProject.id">{{ linkedProject.title }}</a>
+              </h2>
+              <div>
+                <p-button class="btn-icon" (click)="componentActionMenu.toggle($event)">
+                  <i class="osf-icon-dots"></i>
+                </p-button>
+
+                <p-menu appendTo="body" #componentActionMenu popup>
+                  <ng-template #item let-item>
+                    <a class="p-menu-item-link">{{ item.label | translate }}</a>
+                  </ng-template>
+                </p-menu>
+              </div>
+            </div>
+
+            <div class="component-name flex flex-column gap-2">
+              @for (contributor of linkedProject.contributors; track contributor.id) {
+                <div>
+                  <a class="font-bold"> {{ contributor.fullName }}</a>
+                  <span>{{ $last ? '' : ',' }}</span>
+                </div>
+              }
+              <div class="component-description">
+                <osf-truncated-text [text]="linkedProject.description" />
+              </div>
+            </div>
+          </div>
+        }
+      } @else {
+        <div [innerHtml]="'project.overview.linkedProjects.noLinkedProjectsMessage' | translate"></div>
+      }
+    }
+  </div>
+</div>
diff --git a/src/app/features/project/overview/components/linked-projects/linked-projects.component.scss b/src/app/features/project/overview/components/linked-projects/linked-projects.component.scss
new file mode 100644
index 000000000..f6ab7d858
--- /dev/null
+++ b/src/app/features/project/overview/components/linked-projects/linked-projects.component.scss
@@ -0,0 +1,25 @@
+@use "/assets/styles/variables" as var;
+
+.linked-project {
+  border: 1px solid var.$grey-2;
+  border-radius: 12px;
+  color: var.$dark-blue-1;
+
+  &-description {
+    line-height: 24px;
+  }
+
+  &-container {
+    overflow-y: auto;
+    max-height: 21rem;
+  }
+
+  &-wrapper {
+    border: 1px solid var.$grey-2;
+    border-radius: 12px;
+  }
+
+  &-title {
+    color: var.$dark-blue-1;
+  }
+}
diff --git a/src/app/features/project/overview/components/linked-projects/linked-projects.component.spec.ts b/src/app/features/project/overview/components/linked-projects/linked-projects.component.spec.ts
new file mode 100644
index 000000000..bc142dc96
--- /dev/null
+++ b/src/app/features/project/overview/components/linked-projects/linked-projects.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LinkedProjectsComponent } from './linked-projects.component';
+
+describe('LinkedProjectsComponent', () => {
+  let component: LinkedProjectsComponent;
+  let fixture: ComponentFixture<LinkedProjectsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LinkedProjectsComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(LinkedProjectsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/linked-projects/linked-projects.component.ts b/src/app/features/project/overview/components/linked-projects/linked-projects.component.ts
new file mode 100644
index 000000000..c78fbdacd
--- /dev/null
+++ b/src/app/features/project/overview/components/linked-projects/linked-projects.component.ts
@@ -0,0 +1,25 @@
+import { select } from '@ngxs/store';
+
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { Menu } from 'primeng/menu';
+import { Skeleton } from 'primeng/skeleton';
+
+import { NgClass } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { TruncatedTextComponent } from '@shared/components/truncated-text/truncated-text.component';
+
+@Component({
+  selector: 'osf-linked-projects',
+  imports: [TruncatedTextComponent, Skeleton, Button, NgClass, Menu, TranslatePipe],
+  templateUrl: './linked-projects.component.html',
+  styleUrl: './linked-projects.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class LinkedProjectsComponent {
+  protected linkedProjects = select(ProjectOverviewSelectors.getLinkedProjects);
+  protected isLinkedProjectsLoading = select(ProjectOverviewSelectors.getLinkedProjectsLoading);
+}
diff --git a/src/app/features/project/overview/components/overview-components/overview-components.component.html b/src/app/features/project/overview/components/overview-components/overview-components.component.html
new file mode 100644
index 000000000..7c0f9b237
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-components/overview-components.component.html
@@ -0,0 +1,56 @@
+<div class="component flex flex-column p-2 pb-4 gap-4">
+  <div class="flex align-items-center pt-3 pl-3 pr-3 justify-content-between">
+    <h2>{{ 'project.overview.components.title' | translate }}</h2>
+
+    <p-button
+      (onClick)="handleAddComponent()"
+      severity="secondary"
+      [label]="'project.overview.components.addComponentButton' | translate"
+    />
+  </div>
+
+  <div class="component-container pl-3 pr-3 flex flex-column gap-5">
+    @if (isComponentsLoading()) {
+      <p-skeleton width="100%" height="7rem" />
+    } @else {
+      @if (components().length) {
+        @for (component of components(); track component.id) {
+          <div class="component-wrapper flex flex-column p-3 gap-3">
+            <div class="flex justify-content-between align-items-center">
+              <h2 class="flex gap-2">
+                <i [ngClass]="component.public ? 'osf-icon-padlock-unlock' : 'osf-icon-padlock'"></i>
+                <a class="component-title" [href]="'my-projects/' + component.id">{{ component.title }}</a>
+              </h2>
+              <div>
+                <p-button class="btn-icon" (click)="componentActionMenu.toggle($event)">
+                  <i class="osf-icon-dots"></i>
+                </p-button>
+
+                <p-menu appendTo="body" #componentActionMenu [model]="componentActionItems(component.id)" popup>
+                  <ng-template #item let-item>
+                    <a class="p-menu-item-link">{{ item.label | translate }}</a>
+                  </ng-template>
+                </p-menu>
+              </div>
+            </div>
+
+            <div class="component-name flex flex-column gap-2">
+              @for (contributor of component.contributors; track contributor.id) {
+                <div>
+                  <a class="font-bold"> {{ contributor.fullName }}</a>
+                  <span>{{ $last ? '' : ',' }}</span>
+                </div>
+              }
+
+              <div class="component-description">
+                <osf-truncated-text [text]="component.description" />
+              </div>
+            </div>
+          </div>
+        }
+      } @else {
+        <div [innerHtml]="'project.overview.components.noComponentsMessage' | translate"></div>
+      }
+    }
+  </div>
+</div>
diff --git a/src/app/features/project/overview/components/overview-components/overview-components.component.scss b/src/app/features/project/overview/components/overview-components/overview-components.component.scss
new file mode 100644
index 000000000..61f3ba2ec
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-components/overview-components.component.scss
@@ -0,0 +1,26 @@
+@use "/assets/styles/variables" as var;
+@use "/assets/styles/mixins" as mix;
+
+.component {
+  border: 1px solid var.$grey-2;
+  border-radius: mix.rem(12px);
+  color: var.$dark-blue-1;
+
+  &-description {
+    border-radius: mix.rem(24px);
+  }
+
+  &-container {
+    overflow-y: auto;
+    max-height: mix.rem(335px);
+  }
+
+  &-wrapper {
+    border: 1px solid var.$grey-2;
+    border-radius: mix.rem(12px);
+  }
+
+  &-title {
+    color: var.$dark-blue-1;
+  }
+}
diff --git a/src/app/features/project/overview/components/overview-components/overview-components.component.spec.ts b/src/app/features/project/overview/components/overview-components/overview-components.component.spec.ts
new file mode 100644
index 000000000..db6a1f441
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-components/overview-components.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OverviewComponentsComponent } from './overview-components.component';
+
+describe('ProjectComponentsComponent', () => {
+  let component: OverviewComponentsComponent;
+  let fixture: ComponentFixture<OverviewComponentsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [OverviewComponentsComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(OverviewComponentsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/overview-components/overview-components.component.ts b/src/app/features/project/overview/components/overview-components/overview-components.component.ts
new file mode 100644
index 000000000..97c0f1fbe
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-components/overview-components.component.ts
@@ -0,0 +1,77 @@
+import { select } from '@ngxs/store';
+
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { DialogService } from 'primeng/dynamicdialog';
+import { Menu } from 'primeng/menu';
+import { Skeleton } from 'primeng/skeleton';
+
+import { NgClass } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { Router } from '@angular/router';
+
+import { AddComponentDialogComponent, DeleteComponentDialogComponent } from '@osf/features/project/overview/components';
+import { ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { TruncatedTextComponent } from '@shared/components/truncated-text/truncated-text.component';
+import { IS_XSMALL } from '@shared/utils/breakpoints.tokens';
+
+@Component({
+  selector: 'osf-project-components',
+  imports: [Button, Menu, Skeleton, TranslatePipe, TruncatedTextComponent, NgClass],
+  templateUrl: './overview-components.component.html',
+  styleUrl: './overview-components.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class OverviewComponentsComponent {
+  private router = inject(Router);
+  private dialogService = inject(DialogService);
+  private translateService = inject(TranslateService);
+  protected isMobile = toSignal(inject(IS_XSMALL));
+  protected components = select(ProjectOverviewSelectors.getComponents);
+  protected isComponentsLoading = select(ProjectOverviewSelectors.getComponentsLoading);
+  protected readonly componentActionItems = (componentId: string) => [
+    {
+      label: 'project.overview.actions.manageContributors',
+      command: () => this.router.navigate(['/my-projects', componentId, 'contributors']),
+    },
+    {
+      label: 'project.overview.actions.settings',
+      command: () => this.router.navigate(['/my-projects', componentId, 'settings']),
+    },
+    {
+      label: 'project.overview.actions.delete',
+      command: () => this.handleDeleteComponent(componentId),
+    },
+  ];
+
+  handleAddComponent(): void {
+    const dialogWidth = this.isMobile() ? '95vw' : '850px';
+
+    this.dialogService.open(AddComponentDialogComponent, {
+      width: dialogWidth,
+      focusOnShow: false,
+      header: this.translateService.instant('project.overview.dialog.addComponent.header'),
+      closeOnEscape: true,
+      modal: true,
+      closable: true,
+    });
+  }
+
+  private handleDeleteComponent(componentId: string): void {
+    const dialogWidth = this.isMobile() ? '95vw' : '650px';
+
+    this.dialogService.open(DeleteComponentDialogComponent, {
+      width: dialogWidth,
+      focusOnShow: false,
+      header: this.translateService.instant('project.overview.dialog.deleteComponent.header'),
+      closeOnEscape: true,
+      modal: true,
+      closable: true,
+      data: {
+        componentId,
+      },
+    });
+  }
+}
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.html b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.html
new file mode 100644
index 000000000..fd793b862
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.html
@@ -0,0 +1,131 @@
+@let project = currentProject();
+
+@if (project) {
+  <div class="metadata flex flex-column gap-5">
+    <div class="metadata-header flex align-items-center justify-content-between">
+      <h2>{{ 'project.overview.metadata.title' | translate }}</h2>
+
+      <p-button
+        [routerLink]="'../metadata'"
+        severity="secondary"
+        [label]="'project.overview.metadata.editButton' | translate"
+      ></p-button>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.contributors' | translate }}</h3>
+
+      <div class="flex gap-1 line-height-2">
+        @for (contributor of project.contributors; track contributor.id) {
+          <div>
+            <a class="font-bold"> {{ contributor.fullName }}</a>
+            <span>{{ $last ? '' : ',' }}</span>
+          </div>
+        }
+      </div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.description' | translate }}</h3>
+
+      <osf-truncated-text
+        [maxVisibleLines]="3"
+        [text]="project.description ? project.description : ('project.overview.metadata.noDescription' | translate)"
+      />
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.supplements' | translate }}</h3>
+
+      @if (project.supplements?.length) {
+        @for (supplement of project.supplements; track supplement.id) {
+          <p>
+            {{ 'project.overview.metadata.supplementsText1' | translate }}
+            <a class="font-bold" target="_blank" href="{{ supplement.url }}">{{
+              supplement.title + ', ' + (supplement.dateCreated | date: 'MMMM d, y')
+            }}</a>
+            {{ 'project.overview.metadata.supplementsText2' | translate }}
+          </p>
+        }
+      } @else {
+        <p>{{ 'project.overview.metadata.noSupplements' | translate }}</p>
+      }
+    </div>
+
+    <div class="flex gap-5 lg:gap-2 lg:justify-content-between">
+      <div class="flex flex-column gap-2">
+        <h3>{{ 'project.overview.metadata.dateCreated' | translate }}</h3>
+        <p>{{ project.dateCreated | date: 'MMM d, y, h:mm a' }}</p>
+      </div>
+
+      <div class="flex flex-column gap-2">
+        <h3>{{ 'project.overview.metadata.dateUpdated' | translate }}</h3>
+        <p>{{ project.dateModified | date: 'MMM d, y, h:mm a' }}</p>
+      </div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.licence' | translate }}</h3>
+
+      <div>{{ project.license?.name ?? ('project.overview.metadata.noLicense' | translate) }}</div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.publication' | translate }}</h3>
+
+      @if (project.identifiers?.length) {
+        @for (identifier of project.identifiers; track identifier.id) {
+          @if (identifier.category === 'doi') {
+            <p>
+              {{ identifier.value }}
+            </p>
+          }
+        }
+      } @else {
+        <p>{{ 'project.overview.metadata.noPublicationDoi' | translate }}</p>
+      }
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.affiliatedInstitutions' | translate }}</h3>
+
+      <div class="flex gap-2">
+        @if (project.affiliatedInstitutions?.length) {
+          @for (institution of project.affiliatedInstitutions; track institution.id) {
+            <img alt="institution logo" [src]="institution.logo" height="45" />
+          }
+        } @else {
+          <p>{{ 'project.overview.metadata.noAffiliatedInstitutions' | translate }}</p>
+        }
+      </div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.subjects' | translate }}</h3>
+
+      <div class="flex gap-2">
+        @if (project.subjects.length) {
+          @for (subject of project.subjects; track subject.id) {
+            <p-tag [value]="subject.text" severity="info" />
+          }
+        } @else {
+          <p>{{ 'project.overview.metadata.noSubjects' | translate }}</p>
+        }
+      </div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.tags' | translate }}</h3>
+
+      @if (project.tags.length) {
+        <div class="flex gap-2">
+          @for (tag of project.tags; track tag) {
+            <p-tag [value]="tag" severity="info" />
+          }
+        </div>
+      } @else {
+        <p>{{ 'project.overview.metadata.noTags' | translate }}</p>
+      }
+    </div>
+  </div>
+}
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.scss b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.scss
new file mode 100644
index 000000000..51d58cfb4
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.scss
@@ -0,0 +1,5 @@
+@use "/assets/styles/variables" as var;
+
+.metadata {
+  color: var.$dark-blue-1;
+}
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.spec.ts b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.spec.ts
new file mode 100644
index 000000000..eda589939
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OverviewMetadataComponent } from './overview-metadata.component';
+
+describe('OverviewMetadataComponent', () => {
+  let component: OverviewMetadataComponent;
+  let fixture: ComponentFixture<OverviewMetadataComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [OverviewMetadataComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(OverviewMetadataComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.ts b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.ts
new file mode 100644
index 000000000..434617e9c
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.ts
@@ -0,0 +1,24 @@
+import { select } from '@ngxs/store';
+
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { Tag } from 'primeng/tag';
+
+import { DatePipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+import { ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { TruncatedTextComponent } from '@shared/components/truncated-text/truncated-text.component';
+
+@Component({
+  selector: 'osf-overview-metadata',
+  imports: [Button, TranslatePipe, TruncatedTextComponent, RouterLink, Tag, DatePipe],
+  templateUrl: './overview-metadata.component.html',
+  styleUrl: './overview-metadata.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class OverviewMetadataComponent {
+  protected currentProject = select(ProjectOverviewSelectors.getProject);
+}
diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
new file mode 100644
index 000000000..5ccd86eb8
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
@@ -0,0 +1,95 @@
+@let project = currentProject();
+
+@if (project) {
+  <div
+    class="pl-3 pb-5 pr-3 flex flex-column gap-5 sm:pl-5 sm:pr-5 lg:flex-row lg:align-items-center lg:justify-content-between"
+  >
+    <div class="flex gap-3 align-items-start">
+      <div class="flex gap-1" [class.inactive]="isPublic()">
+        <i class="osf-icon-padlock"></i>
+        <p class="font-bold">{{ 'project.overview.header.privateProject' | translate }}</p>
+      </div>
+
+      <p-toggleswitch [ngModel]="isPublic()" (onChange)="handleToggleProjectPublicity()" />
+
+      <div class="flex gap-2" [class.inactive]="!isPublic()">
+        <i class="osf-icon-padlock-unlock"></i>
+        <p class="font-bold">{{ 'project.overview.header.publicProject' | translate }}</p>
+      </div>
+    </div>
+
+    <div class="flex">
+      <div class="flex flex-1 flex-column-reverse gap-3 justify-content-end sm:gap-3 sm:flex-row-reverse lg:flex-row">
+        @if (project.storage) {
+          <p class="font-bold mr-2 ml-0 mt-2 sm:ml-2 sm:mt-0 sm:align-self-center storage">
+            {{ project.storage.storageUsage }} KB
+          </p>
+        }
+
+        <div class="flex gap-2 justify-content-start">
+          <p-button
+            class="flex overview-btn"
+            [pTooltip]="'project.overview.tooltips.viewOnlyLinks' | translate"
+            tooltipPosition="bottom"
+            [routerLink]="['/my-projects', project.id, 'settings']"
+          >
+            <span>{{ project.viewOnlyLinksCount }}</span>
+            <i class="osf-icon-link overview-icon"></i>
+          </p-button>
+
+          <p-button
+            class="flex overview-btn"
+            (click)="forkActionMenu.toggle($event)"
+            [pTooltip]="'project.overview.tooltips.duplicate' | translate"
+            tooltipPosition="bottom"
+          >
+            <span>{{ project.forksCount }}</span>
+            <i class="osf-icon-duplicate overview-icon"></i>
+            <p-menu appendTo="body" #forkActionMenu [model]="forkActionItems" popup>
+              <ng-template #item let-item>
+                <a class="p-menu-item-link">
+                  {{ item.label | translate }}
+                </a>
+              </ng-template>
+            </p-menu>
+          </p-button>
+
+          <p-button
+            [pTooltip]="'project.overview.tooltips.bookmarks' | translate"
+            tooltipPosition="bottom"
+            class="flex overview-btn bookmark-btn"
+            (onClick)="toggleBookmark()"
+            [loading]="isBookmarksLoading() || isBookmarksSubmitting()"
+          >
+            @if (!isBookmarksLoading() && !isBookmarksSubmitting()) {
+              <i class="overview-icon" [ngClass]="isBookmarked() ? 'osf-icon-bookmark-fill' : 'osf-icon-bookmark'"></i>
+            }
+          </p-button>
+
+          <p-button
+            class="flex overview-btn"
+            (click)="socialsActionMenu.toggle($event)"
+            [pTooltip]="'project.overview.tooltips.share' | translate"
+            tooltipPosition="bottom"
+          >
+            <span>{{ socialsActionItems.length }}</span>
+            <i class="osf-icon-share overview-icon"></i>
+            <p-menu appendTo="body" #socialsActionMenu [model]="socialsActionItems" popup>
+              <ng-template #item let-item>
+                <a class="p-menu-item-link">
+                  <img
+                    height="15"
+                    width="15"
+                    [ngSrc]="'assets/icons/socials/' + item.icon + '.svg'"
+                    alt="social-icon"
+                  />
+                  {{ item.label | translate }}
+                </a>
+              </ng-template>
+            </p-menu>
+          </p-button>
+        </div>
+      </div>
+    </div>
+  </div>
+}
diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.scss b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.scss
new file mode 100644
index 000000000..5cc0548ab
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.scss
@@ -0,0 +1,15 @@
+@use "/assets/styles/variables" as var;
+@use "/assets/styles/mixins" as mix;
+
+.inactive {
+  color: var.$grey-1;
+}
+
+.storage {
+  color: var.$pr-blue-1;
+  font-size: mix.rem(24px);
+}
+
+.overview-icon {
+  font-size: mix.rem(21px);
+}
diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.spec.ts b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.spec.ts
new file mode 100644
index 000000000..39174c9be
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OverviewToolbarComponent } from './overview-toolbar.component';
+
+describe('OverviewToolbarComponent', () => {
+  let component: OverviewToolbarComponent;
+  let fixture: ComponentFixture<OverviewToolbarComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [OverviewToolbarComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(OverviewToolbarComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
new file mode 100644
index 000000000..8a95daec2
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
@@ -0,0 +1,176 @@
+import { select, Store } from '@ngxs/store';
+
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { DialogService } from 'primeng/dynamicdialog';
+import { Menu } from 'primeng/menu';
+import { ToggleSwitch } from 'primeng/toggleswitch';
+import { Tooltip } from 'primeng/tooltip';
+
+import { NgClass, NgOptimizedImage } from '@angular/common';
+import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject, signal } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormsModule } from '@angular/forms';
+import { RouterLink } from '@angular/router';
+
+import {
+  AddProjectToBookmarks,
+  CollectionsSelectors,
+  RemoveProjectFromBookmarks,
+} from '@osf/features/collections/store';
+import { GetMyBookmarks, MyProjectsSelectors } from '@osf/features/my-projects/store';
+import {
+  DuplicateDialogComponent,
+  ForkDialogComponent,
+  TogglePublicityDialogComponent,
+} from '@osf/features/project/overview/components';
+import { SOCIAL_ACTION_ITEMS } from '@osf/features/project/overview/helpers/social-actions.constants';
+import { ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { ToastService } from '@shared/services';
+
+@Component({
+  selector: 'osf-overview-toolbar',
+  imports: [ToggleSwitch, TranslatePipe, Menu, Button, Tooltip, FormsModule, NgClass, RouterLink, NgOptimizedImage],
+  templateUrl: './overview-toolbar.component.html',
+  styleUrl: './overview-toolbar.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class OverviewToolbarComponent {
+  private store = inject(Store);
+  private dialogService = inject(DialogService);
+  private translateService = inject(TranslateService);
+  private toastService = inject(ToastService);
+  protected destroyRef = inject(DestroyRef);
+  protected isPublic = signal(false);
+  protected isBookmarked = signal(false);
+  protected currentProject = select(ProjectOverviewSelectors.getProject);
+  protected isBookmarksLoading = select(MyProjectsSelectors.getBookmarksLoading);
+  protected isBookmarksSubmitting = select(CollectionsSelectors.getBookmarksCollectionIdSubmitting);
+  protected bookmarksCollectionId = select(CollectionsSelectors.getBookmarksCollectionId);
+  protected bookmarkedProjects = select(MyProjectsSelectors.getBookmarks);
+  protected readonly socialsActionItems = SOCIAL_ACTION_ITEMS;
+  protected readonly forkActionItems = [
+    {
+      label: 'project.overview.actions.forkProject',
+      command: () => this.handleForkProject(),
+    },
+    {
+      label: 'project.overview.actions.duplicateProject',
+      command: () => this.handleDuplicateProject(),
+    },
+    {
+      label: 'project.overview.actions.viewDuplication',
+      command: () => {
+        //TODO: RNa redirect to duplication page
+      },
+    },
+  ];
+
+  constructor() {
+    effect(() => {
+      const bookmarksId = this.bookmarksCollectionId();
+
+      if (!bookmarksId) {
+        return;
+      }
+
+      this.store.dispatch(new GetMyBookmarks(bookmarksId, 1, 100, {}));
+    });
+
+    effect(() => {
+      const project = this.currentProject();
+      if (project) {
+        this.isPublic.set(project.isPublic);
+      }
+    });
+
+    effect(() => {
+      const project = this.currentProject();
+      const bookmarks = this.bookmarkedProjects();
+
+      if (!project || !bookmarks?.length) {
+        this.isBookmarked.set(false);
+        return;
+      }
+
+      this.isBookmarked.set(bookmarks.some((bookmark) => bookmark.id === project.id));
+    });
+  }
+
+  private handleForkProject(): void {
+    this.dialogService.open(ForkDialogComponent, {
+      focusOnShow: false,
+      header: this.translateService.instant('project.overview.dialog.fork.header'),
+      closeOnEscape: true,
+      modal: true,
+      closable: true,
+    });
+  }
+
+  private handleDuplicateProject(): void {
+    this.dialogService.open(DuplicateDialogComponent, {
+      focusOnShow: false,
+      header: this.translateService.instant('project.overview.dialog.duplicate.header'),
+      closeOnEscape: true,
+      modal: true,
+      closable: true,
+    });
+  }
+
+  protected handleToggleProjectPublicity(): void {
+    const project = this.currentProject();
+    if (!project) return;
+
+    const isCurrentlyPublic = this.isPublic();
+    const newPublicStatus = !isCurrentlyPublic;
+
+    this.dialogService.open(TogglePublicityDialogComponent, {
+      focusOnShow: false,
+      header: this.translateService.instant(
+        isCurrentlyPublic ? 'project.overview.dialog.makePrivate.header' : 'project.overview.dialog.makePublic.header'
+      ),
+      closeOnEscape: true,
+      modal: true,
+      closable: true,
+      data: {
+        projectId: project.id,
+        isCurrentlyPublic,
+        newPublicStatus,
+      },
+    });
+  }
+
+  protected toggleBookmark(): void {
+    const project = this.currentProject();
+    const bookmarksId = this.bookmarksCollectionId();
+
+    if (!project || !bookmarksId) return;
+
+    const newBookmarkState = !this.isBookmarked();
+
+    if (!newBookmarkState) {
+      this.store
+        .dispatch(new RemoveProjectFromBookmarks(bookmarksId, project.id))
+        .pipe(takeUntilDestroyed(this.destroyRef))
+        .subscribe({
+          next: () => {
+            this.isBookmarked.set(newBookmarkState);
+            this.toastService.showSuccess(
+              this.translateService.instant('project.overview.dialog.toast.bookmark.remove')
+            );
+          },
+        });
+    } else {
+      this.store
+        .dispatch(new AddProjectToBookmarks(bookmarksId, project.id))
+        .pipe(takeUntilDestroyed(this.destroyRef))
+        .subscribe({
+          next: () => {
+            this.isBookmarked.set(newBookmarkState);
+            this.toastService.showSuccess(this.translateService.instant('project.overview.dialog.toast.bookmark.add'));
+          },
+        });
+    }
+  }
+}
diff --git a/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.html b/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.html
new file mode 100644
index 000000000..f0f538741
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.html
@@ -0,0 +1,12 @@
+<div class="wiki flex flex-column p-4 gap-4">
+  <h2>{{ 'project.overview.wiki.title' | translate }}</h2>
+  @if (isWikiLoading()) {
+    <p-skeleton width="100%" height="5rem" />
+  } @else {
+    @if (wikiContent()) {
+      <osf-truncated-text [text]="wikiContent()" />
+    } @else {
+      <div [innerHtml]="'project.overview.wiki.noWikiMessage' | translate"></div>
+    }
+  }
+</div>
diff --git a/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.scss b/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.scss
new file mode 100644
index 000000000..a58598712
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.scss
@@ -0,0 +1,12 @@
+@use "/assets/styles/variables" as var;
+@use "/assets/styles/mixins" as mix;
+
+.wiki {
+  border: 1px solid var.$grey-2;
+  border-radius: mix.rem(12px);
+  color: var.$dark-blue-1;
+
+  &-description {
+    line-height: mix.rem(24px);
+  }
+}
diff --git a/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.spec.ts b/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.spec.ts
new file mode 100644
index 000000000..6c27150d3
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OverviewWikiComponent } from './overview-wiki.component';
+
+describe('ProjectWikiComponent', () => {
+  let component: OverviewWikiComponent;
+  let fixture: ComponentFixture<OverviewWikiComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [OverviewWikiComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(OverviewWikiComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.ts b/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.ts
new file mode 100644
index 000000000..117385513
--- /dev/null
+++ b/src/app/features/project/overview/components/overview-wiki/overview-wiki.component.ts
@@ -0,0 +1,22 @@
+import { select } from '@ngxs/store';
+
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Skeleton } from 'primeng/skeleton';
+
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { WikiSelectors } from '@osf/features/project/wiki/store';
+import { TruncatedTextComponent } from '@shared/components/truncated-text/truncated-text.component';
+
+@Component({
+  selector: 'osf-project-wiki',
+  imports: [Skeleton, TranslatePipe, TruncatedTextComponent],
+  templateUrl: './overview-wiki.component.html',
+  styleUrl: './overview-wiki.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class OverviewWikiComponent {
+  protected isWikiLoading = select(WikiSelectors.getHomeWikiLoading);
+  protected wikiContent = select(WikiSelectors.getHomeWikiContent);
+}
diff --git a/src/app/features/project/overview/components/recent-activity/recent-activity.component.html b/src/app/features/project/overview/components/recent-activity/recent-activity.component.html
new file mode 100644
index 000000000..1b39472d6
--- /dev/null
+++ b/src/app/features/project/overview/components/recent-activity/recent-activity.component.html
@@ -0,0 +1,30 @@
+<div class="activities p-4 flex flex-column gap-3">
+  <h2>{{ 'project.overview.recentActivity.title' | translate }}</h2>
+
+  <div class="activities-activity flex justify-content-between align-items-center">
+    <div>
+      <a class="font-bold">Jeremy Wolfe</a> removed <a class="font-bold">tag example</a> from
+      <a class="font-bold">Project name example</a>
+    </div>
+
+    <div class="hidden sm:block">Feb 5, 2025 04:37 AM</div>
+  </div>
+
+  <div class="activities-activity flex justify-content-between align-items-center">
+    <div>
+      <a class="font-bold">Jeremy Wolfe</a> removed <a class="font-bold">tag example</a> from
+      <a class="font-bold">Project name example</a>
+    </div>
+
+    <div class="hidden sm:block">Feb 5, 2025 04:37 AM</div>
+  </div>
+
+  <div class="activities-activity flex justify-content-between align-items-center">
+    <div>
+      <a class="font-bold">Jeremy Wolfe</a> removed <a class="font-bold">tag example</a> from
+      <a class="font-bold">Project name example</a>
+    </div>
+
+    <div class="hidden sm:block">Feb 5, 2025 04:37 AM</div>
+  </div>
+</div>
diff --git a/src/app/features/project/overview/components/recent-activity/recent-activity.component.scss b/src/app/features/project/overview/components/recent-activity/recent-activity.component.scss
new file mode 100644
index 000000000..caa0a897f
--- /dev/null
+++ b/src/app/features/project/overview/components/recent-activity/recent-activity.component.scss
@@ -0,0 +1,16 @@
+@use "/assets/styles/variables" as var;
+@use "/assets/styles/mixins" as mix;
+
+.activities {
+  border: 1px solid var.$grey-2;
+  border-radius: mix.rem(12px);
+  color: var.$dark-blue-1;
+
+  &-activity {
+    height: mix.rem(35px);
+    border-bottom: 1px solid var.$grey-2;
+  }
+  &-description {
+    line-height: mix.rem(24px);
+  }
+}
diff --git a/src/app/features/project/overview/components/recent-activity/recent-activity.component.spec.ts b/src/app/features/project/overview/components/recent-activity/recent-activity.component.spec.ts
new file mode 100644
index 000000000..a80aaae24
--- /dev/null
+++ b/src/app/features/project/overview/components/recent-activity/recent-activity.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RecentActivityComponent } from './recent-activity.component';
+
+describe('RecentActivityComponent', () => {
+  let component: RecentActivityComponent;
+  let fixture: ComponentFixture<RecentActivityComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RecentActivityComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(RecentActivityComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/recent-activity/recent-activity.component.ts b/src/app/features/project/overview/components/recent-activity/recent-activity.component.ts
new file mode 100644
index 000000000..a861b070b
--- /dev/null
+++ b/src/app/features/project/overview/components/recent-activity/recent-activity.component.ts
@@ -0,0 +1,12 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'osf-recent-activity',
+  imports: [TranslatePipe],
+  templateUrl: './recent-activity.component.html',
+  styleUrl: './recent-activity.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class RecentActivityComponent {}
diff --git a/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.html b/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.html
new file mode 100644
index 000000000..785c16e7f
--- /dev/null
+++ b/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.html
@@ -0,0 +1,23 @@
+<div class="dialog-container">
+  <div [innerHTML]="messageKey() | translate"></div>
+  <div class="flex mt-6 gap-3 justify-content-between">
+    <p-button
+      [label]="'project.overview.dialog.makePublic.cancelButton' | translate"
+      severity="info"
+      (click)="dialogRef.close()"
+      class="btn-half-width"
+      [disabled]="isSubmitting()"
+    />
+    <p-button
+      [label]="
+        isCurrentlyPublic()
+          ? ('project.overview.dialog.makePrivate.confirmButton' | translate)
+          : ('project.overview.dialog.makePublic.confirmButton' | translate)
+      "
+      (click)="toggleProjectPublicity()"
+      class="btn-half-width"
+      [disabled]="isSubmitting()"
+      [loading]="isSubmitting()"
+    />
+  </div>
+</div>
diff --git a/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.scss b/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.scss
new file mode 100644
index 000000000..5b85a6cd8
--- /dev/null
+++ b/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.scss
@@ -0,0 +1,5 @@
+@use "assets/styles/mixins" as mix;
+
+.dialog-container {
+  line-height: mix.rem(24px);
+}
diff --git a/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.spec.ts b/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.spec.ts
new file mode 100644
index 000000000..a20f8649d
--- /dev/null
+++ b/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TogglePublicityDialogComponent } from './toggle-publicity-dialog.component';
+
+describe('TogglePublicityDialogComponent', () => {
+  let component: TogglePublicityDialogComponent;
+  let fixture: ComponentFixture<TogglePublicityDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TogglePublicityDialogComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TogglePublicityDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.ts b/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.ts
new file mode 100644
index 000000000..20a79f2cd
--- /dev/null
+++ b/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.ts
@@ -0,0 +1,55 @@
+import { select, Store } from '@ngxs/store';
+
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
+
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, inject, signal } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+import { ProjectOverviewSelectors, UpdateProjectPublicStatus } from '@osf/features/project/overview/store';
+import { ToastService } from '@shared/services';
+
+@Component({
+  selector: 'osf-toggle-publicity-dialog',
+  imports: [Button, TranslatePipe],
+  templateUrl: './toggle-publicity-dialog.component.html',
+  styleUrl: './toggle-publicity-dialog.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TogglePublicityDialogComponent {
+  private store = inject(Store);
+  private dialogConfig = inject(DynamicDialogConfig);
+  private translateService = inject(TranslateService);
+  private toastService = inject(ToastService);
+  protected dialogRef = inject(DynamicDialogRef);
+  protected destroyRef = inject(DestroyRef);
+  protected isSubmitting = select(ProjectOverviewSelectors.getUpdatePublicStatusSubmitting);
+  private newPublicStatus = signal(this.dialogConfig.data.newPublicStatus);
+  private projectId = signal(this.dialogConfig.data.projectId);
+  protected isCurrentlyPublic = signal(this.dialogConfig.data.isCurrentlyPublic);
+  protected messageKey = computed(() => {
+    return this.isCurrentlyPublic()
+      ? 'project.overview.dialog.makePrivate.message'
+      : 'project.overview.dialog.makePublic.message';
+  });
+
+  toggleProjectPublicity() {
+    this.store
+      .dispatch(new UpdateProjectPublicStatus(this.projectId(), this.newPublicStatus()))
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe({
+        next: () => {
+          this.dialogRef.close();
+          this.toastService.showSuccess(
+            this.translateService.instant(
+              this.newPublicStatus()
+                ? 'project.overview.dialog.toast.makePublic.success'
+                : 'project.overview.dialog.toast.makePrivate.success'
+            )
+          );
+        },
+      });
+  }
+}
diff --git a/src/app/features/project/overview/helpers/social-actions.constants.ts b/src/app/features/project/overview/helpers/social-actions.constants.ts
new file mode 100644
index 000000000..0e23c8340
--- /dev/null
+++ b/src/app/features/project/overview/helpers/social-actions.constants.ts
@@ -0,0 +1,18 @@
+export const SOCIAL_ACTION_ITEMS = [
+  {
+    label: 'project.overview.actions.socials.email',
+    icon: 'email',
+  },
+  {
+    label: 'project.overview.actions.socials.x',
+    icon: 'x',
+  },
+  {
+    label: 'project.overview.actions.socials.linkedIn',
+    icon: 'linkedin',
+  },
+  {
+    label: 'project.overview.actions.socials.facebook',
+    icon: 'facebook',
+  },
+];
diff --git a/src/app/features/project/overview/mappers/index.ts b/src/app/features/project/overview/mappers/index.ts
new file mode 100644
index 000000000..354699773
--- /dev/null
+++ b/src/app/features/project/overview/mappers/index.ts
@@ -0,0 +1 @@
+export * from './project-overview.mapper';
diff --git a/src/app/features/project/overview/mappers/project-overview.mapper.ts b/src/app/features/project/overview/mappers/project-overview.mapper.ts
new file mode 100644
index 000000000..a3fe0599b
--- /dev/null
+++ b/src/app/features/project/overview/mappers/project-overview.mapper.ts
@@ -0,0 +1,99 @@
+import {
+  ComponentGetResponse,
+  ComponentOverview,
+  ProjectOverview,
+  ProjectOverviewGetResponse,
+} from '../models/project-overview.models';
+
+export class ProjectOverviewMapper {
+  static fromGetProjectResponse(response: ProjectOverviewGetResponse): ProjectOverview {
+    return {
+      id: response.id,
+      type: response.type,
+      title: response.attributes.title,
+      description: response.attributes.description,
+      dateModified: response.attributes.date_modified,
+      dateCreated: response.attributes.date_created,
+      isPublic: response.attributes.public,
+      category: response.attributes.category,
+      isRegistration: response.attributes.registration,
+      isPreprint: response.attributes.preprint,
+      isFork: response.attributes.fork,
+      isCollection: response.attributes.collection,
+      tags: response.attributes.tags,
+      accessRequestsEnabled: response.attributes.access_requests_enabled,
+      nodeLicense: response.attributes.node_license
+        ? {
+            copyrightHolders: response.attributes.node_license.copyright_holders,
+            year: response.attributes.node_license.year,
+          }
+        : undefined,
+      license: response.embeds.license?.data?.attributes,
+      analyticsKey: response.attributes.analytics_key,
+      currentUserCanComment: response.attributes.current_user_can_comment,
+      currentUserPermissions: response.attributes.current_user_permissions,
+      currentUserIsContributor: response.attributes.current_user_is_contributor,
+      currentUserIsContributorOrGroupMember: response.attributes.current_user_is_contributor_or_group_member,
+      wikiEnabled: response.attributes.wiki_enabled,
+      subjects: response.attributes.subjects.map((subjectArray) => subjectArray[0]),
+      contributors: response.embeds.bibliographic_contributors.data.map((contributor) => ({
+        id: contributor.embeds.users.data.id,
+        familyName: contributor.embeds.users.data.attributes.family_name,
+        fullName: contributor.embeds.users.data.attributes.full_name,
+        givenName: contributor.embeds.users.data.attributes.given_name,
+        middleName: contributor.embeds.users.data.attributes.middle_name,
+        type: contributor.embeds.users.data.type,
+      })),
+      affiliatedInstitutions: response.embeds.affiliated_institutions?.data.map((institution) => ({
+        id: institution.id,
+        type: institution.type,
+        logo: institution.attributes.assets.logo,
+        description: institution.attributes.description,
+        name: institution.attributes.name,
+      })),
+      identifiers: response.embeds.identifiers?.data.map((identifier) => ({
+        id: identifier.id,
+        type: identifier.type,
+        value: identifier.attributes.value,
+        category: identifier.attributes.category,
+      })),
+      ...(response.embeds.storage?.data &&
+        !response.embeds.storage?.errors && {
+          storage: {
+            id: response.embeds.storage.data.id,
+            type: response.embeds.storage.data.type,
+            storageUsage: response.embeds.storage.data.attributes.storage_usage ?? '0',
+            storageLimitStatus: response.embeds.storage.data.attributes.storage_limit_status,
+          },
+        }),
+      supplements: response.embeds.preprints?.data.map((preprint) => ({
+        id: preprint.id,
+        type: preprint.type,
+        title: preprint.attributes.title,
+        dateCreated: preprint.attributes.date_created,
+        url: preprint.links.html,
+      })),
+      region: response.relationships.region?.data,
+      forksCount: response.relationships.forks.links.related.meta.count,
+      viewOnlyLinksCount: response.relationships.view_only_links.links.related.meta.count,
+    };
+  }
+
+  static fromGetComponentResponse(response: ComponentGetResponse): ComponentOverview {
+    return {
+      id: response.id,
+      type: response.type,
+      title: response.attributes.title,
+      description: response.attributes.description,
+      public: response.attributes.public,
+      contributors: response.embeds.bibliographic_contributors.data.map((contributor) => ({
+        id: contributor.embeds.users.data.id,
+        familyName: contributor.embeds.users.data.attributes.family_name,
+        fullName: contributor.embeds.users.data.attributes.full_name,
+        givenName: contributor.embeds.users.data.attributes.given_name,
+        middleName: contributor.embeds.users.data.attributes.middle_name,
+        type: contributor.embeds.users.data.type,
+      })),
+    };
+  }
+}
diff --git a/src/app/features/project/overview/models/index.ts b/src/app/features/project/overview/models/index.ts
new file mode 100644
index 000000000..193301d9a
--- /dev/null
+++ b/src/app/features/project/overview/models/index.ts
@@ -0,0 +1 @@
+export * from './project-overview.models';
diff --git a/src/app/features/project/overview/models/project-overview.models.ts b/src/app/features/project/overview/models/project-overview.models.ts
new file mode 100644
index 000000000..5cb83f6ca
--- /dev/null
+++ b/src/app/features/project/overview/models/project-overview.models.ts
@@ -0,0 +1,260 @@
+import { JsonApiResponse } from '@core/services/json-api/json-api.entity';
+
+export interface ProjectOverviewContributor {
+  familyName: string;
+  fullName: string;
+  givenName: string;
+  middleName: string;
+  id: string;
+  type: string;
+}
+
+export interface ComponentOverview {
+  id: string;
+  type: string;
+  title: string;
+  description: string;
+  public: boolean;
+  contributors: ProjectOverviewContributor[];
+}
+
+export interface ComponentGetResponse {
+  id: string;
+  type: string;
+  attributes: {
+    title: string;
+    description: string;
+    public: boolean;
+  };
+  embeds: {
+    bibliographic_contributors: {
+      data: {
+        embeds: {
+          users: {
+            data: {
+              id: string;
+              type: string;
+              attributes: {
+                family_name: string;
+                full_name: string;
+                given_name: string;
+                middle_name: string;
+              };
+            };
+          };
+        };
+      }[];
+    };
+  };
+}
+
+export interface ProjectOverview {
+  id: string;
+  type: string;
+  title: string;
+  description: string;
+  dateModified: string;
+  dateCreated: string;
+  isPublic: boolean;
+  category: string;
+  isRegistration: boolean;
+  isPreprint: boolean;
+  isFork: boolean;
+  isCollection: boolean;
+  tags: string[];
+  accessRequestsEnabled: boolean;
+  nodeLicense?: {
+    copyrightHolders: string[];
+    year: string;
+  };
+  license?: {
+    name: string;
+    text: string;
+    url: string;
+  };
+  storage?: {
+    id: string;
+    type: string;
+    storageLimitStatus: string;
+    storageUsage: string;
+  };
+  identifiers?: {
+    id: string;
+    type: string;
+    category: string;
+    value: string;
+  }[];
+  supplements?: {
+    id: string;
+    type: string;
+    title: string;
+    dateCreated: string;
+    url: string;
+  }[];
+  analyticsKey: string;
+  currentUserCanComment: boolean;
+  currentUserPermissions: string[];
+  currentUserIsContributor: boolean;
+  currentUserIsContributorOrGroupMember: boolean;
+  wikiEnabled: boolean;
+  subjects: ProjectOverviewSubject[];
+  contributors: ProjectOverviewContributor[];
+  region?: {
+    id: string;
+    type: string;
+  };
+  affiliatedInstitutions?: {
+    id: string;
+    type: string;
+    name: string;
+    description: string;
+    logo: string;
+  }[];
+  forksCount: number;
+  viewOnlyLinksCount: number;
+}
+
+export interface ProjectOverviewSubject {
+  id: string;
+  text: string;
+}
+
+export interface ProjectOverviewGetResponse {
+  id: string;
+  type: string;
+  attributes: {
+    title: string;
+    description: string;
+    date_modified: string;
+    date_created: string;
+    public: boolean;
+    category: string;
+    registration: boolean;
+    preprint: boolean;
+    fork: boolean;
+    collection: boolean;
+    tags: string[];
+    access_requests_enabled: boolean;
+    node_license?: {
+      copyright_holders: string[];
+      year: string;
+    };
+    analytics_key: string;
+    current_user_can_comment: boolean;
+    current_user_permissions: string[];
+    current_user_is_contributor: boolean;
+    current_user_is_contributor_or_group_member: boolean;
+    wiki_enabled: boolean;
+    subjects: ProjectOverviewSubject[][];
+  };
+  embeds: {
+    affiliated_institutions: {
+      data: {
+        id: string;
+        type: string;
+        attributes: {
+          assets: {
+            logo: string;
+          };
+          description: string;
+          name: string;
+        };
+      }[];
+    };
+    identifiers: {
+      data: {
+        id: string;
+        type: string;
+        attributes: {
+          category: string;
+          value: string;
+        };
+      }[];
+    };
+    bibliographic_contributors: {
+      data: {
+        embeds: {
+          users: {
+            data: {
+              id: string;
+              type: string;
+              attributes: {
+                family_name: string;
+                full_name: string;
+                given_name: string;
+                middle_name: string;
+              };
+            };
+          };
+        };
+      }[];
+    };
+    license: {
+      data: {
+        id: string;
+        type: string;
+        attributes: {
+          name: string;
+          text: string;
+          url: string;
+        };
+      };
+    };
+    preprints: {
+      data: {
+        id: string;
+        type: string;
+        attributes: {
+          date_created: string;
+          title: string;
+        };
+        links: {
+          html: string;
+        };
+      }[];
+    };
+    storage: {
+      data?: {
+        id: string;
+        type: string;
+        attributes: {
+          storage_limit_status: string;
+          storage_usage: string;
+        };
+      };
+      errors?: {
+        detail: string;
+      }[];
+    };
+  };
+  relationships: {
+    region?: {
+      data: {
+        id: string;
+        type: string;
+      };
+    };
+    forks: {
+      links: {
+        related: {
+          meta: {
+            count: number;
+          };
+        };
+      };
+    };
+    view_only_links: {
+      links: {
+        related: {
+          meta: {
+            count: number;
+          };
+        };
+      };
+    };
+  };
+}
+
+export interface ProjectOverviewJsonApiResponse extends JsonApiResponse<ProjectOverviewGetResponse, null> {
+  data: ProjectOverviewGetResponse;
+}
diff --git a/src/app/features/project/overview/project-overview.component.html b/src/app/features/project/overview/project-overview.component.html
index a88e29527..def507fa3 100644
--- a/src/app/features/project/overview/project-overview.component.html
+++ b/src/app/features/project/overview/project-overview.component.html
@@ -1,217 +1,24 @@
-<div class="flex justify-content-between">
-  <osf-sub-header title="Lorem Ipsum Dolor Sit Amet" />
-</div>
+@let project = currentProject();
 
-<div class="lg:flex-row flex md:flex-column sm:flex-column gap-4 bg-white h-full p-4">
-  <div class="flex flex-column gap-4 left-section">
-    <div class="wiki flex flex-column p-4 gap-5">
-      <h2>Wiki</h2>
-
-      <div class="wiki-description">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt ....
-      </div>
-
-      <a class="wiki-link font-bold"> Read more </a>
-    </div>
-
-    <div class="component flex flex-column p-4 gap-5">
-      <h2>Components</h2>
-
-      <div class="flex flex-column gap-5">
-        <div class="component-title flex flex-column p-2 gap-3">
-          <h2 class="flex gap-2">
-            <i class="osf-icon osf-icon-padlock"></i>
-            Component Name Example
-          </h2>
-
-          <div class="component-name flex flex-column gap-2">
-            <a class="font-bold">Michael Pasek</a>
-
-            <div class="component-description">
-              Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-              labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-              aliquip ex ea commodo consequat. Duis aute irure dolor in eprehenderit i...
-            </div>
-          </div>
-        </div>
-
-        <div class="component-title flex flex-column p-2 gap-3">
-          <h2 class="flex gap-2">
-            <i class="osf-icon osf-icon-padlock-unlock"></i>
-            Component Name Example
-          </h2>
-
-          <div class="component-name flex flex-column gap-2">
-            <a class="font-bold">Michael Pasek</a>
-
-            <div class="component-description">
-              Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-              labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-              aliquip ex ea commodo consequat. Duis aute irure dolor in eprehenderit i...
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="linked-projects flex flex-column p-4 gap-4">
-      <h2>Linked Projects</h2>
-
-      <div class="linked-projects-project p-2 flex flex-column gap-5">
-        <h2>Name Example</h2>
-        <div class="flex gap-2">
-          <span>Contributors:</span>
-          <a class="font-semibold">Michael Pasek</a>
-        </div>
-
-        <div class="flex">
-          Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-          labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat. Duis aute irure dolor in eprehenderit i...
-        </div>
-      </div>
-    </div>
-
-    <div class="activities p-4 flex flex-column gap-3">
-      <h2>Recent Activity</h2>
-
-      <div class="activities-activity flex justify-content-between align-items-center">
-        <div>
-          <a class="font-bold">Jeremy Wolfe</a> removed <a class="font-bold">tag example</a> from
-          <a class="font-bold">Project name example</a>
-        </div>
-
-        <div>Feb 5, 2025 04:37 AM</div>
-      </div>
-
-      <div class="activities-activity flex justify-content-between align-items-center">
-        <div>
-          <a class="font-bold">Jeremy Wolfe</a> removed <a class="font-bold">tag example</a> from
-          <a class="font-bold">Project name example</a>
-        </div>
-
-        <div>Feb 5, 2025 04:37 AM</div>
-      </div>
-
-      <div class="activities-activity flex justify-content-between align-items-center">
-        <div>
-          <a class="font-bold">Jeremy Wolfe</a> removed <a class="font-bold">tag example</a> from
-          <a class="font-bold">Project name example</a>
-        </div>
-
-        <div>Feb 5, 2025 04:37 AM</div>
-      </div>
-    </div>
+@if (!isProjectLoading() && project) {
+  <div class="flex justify-content-between">
+    <osf-sub-header [title]="project.title" />
   </div>
 
-  <div class="flex flex-column right-section p-4">
-    <div class="metadata flex flex-column gap-5">
-      <div class="metadata-header flex justify-content-between">
-        <h2>Metadata</h2>
-
-        <p-button severity="secondary"> Edit</p-button>
-      </div>
-
-      <div class="flex flex-column gap-2">
-        <h3>Contributors</h3>
-
-        <div class="flex gap-2 line-height-2">
-          <a class="font-bold">John Doe,</a>
-          <a class="font-bold">Jeremy Wolfe,</a>
-          <a class="font-bold">Ava Mitra</a>
-        </div>
-      </div>
-
-      <div class="flex flex-column gap-2">
-        <h3>Description</h3>
-
-        <div class="line-height-2">
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
-          est laborum.
-        </div>
-
-        <a href="" class="font-bold"> Read More </a>
-      </div>
-
-      <div class="flex flex-column gap-2">
-        <h3>Supplements</h3>
-
-        <div>
-          Has supplemental materials for
-          <a class="font-bold"> Testimony Before the Federal Spending Oversight Subcommittee, October 18, 2017</a>
-          on OSF Preprints
-        </div>
-      </div>
-
-      <div class="flex justify-content-between">
-        <div class="flex flex-column gap-2">
-          <h3>Date Created</h3>
-          <div>Jan 6, 2025 04:37 AM</div>
-        </div>
-
-        <div class="flex flex-column gap-2">
-          <h3>Date Updated</h3>
-          <div>Jan 6, 2025 04:37 AM</div>
-        </div>
-      </div>
+  <osf-overview-toolbar />
 
-      <div class="flex flex-column gap-2">
-        <h3>License</h3>
-
-        <div>No License</div>
-      </div>
-
-      <div class="flex flex-column gap-2">
-        <h3>Publication DOI</h3>
-
-        <div>No Publication DOI</div>
-      </div>
-
-      <div class="flex flex-column gap-2">
-        <h3>Affiliated Institutions</h3>
-
-        <div class="flex gap-2">
-          <img
-            alt="Center of Open Science"
-            ngSrc="../../../../assets/images/project/center-for-os.png"
-            width="155"
-            height="45"
-          />
-
-          <img
-            alt="Center of Open Science"
-            ngSrc="../../../../assets/images/project/arnold-ven.png"
-            width="145"
-            height="45"
-          />
-        </div>
-      </div>
-
-      <div class="flex flex-column gap-2">
-        <h3>Subjects</h3>
-
-        <div class="flex gap-2">
-          <div class="subject">Subject name example</div>
-          <div class="subject">example</div>
-        </div>
-      </div>
-
-      <div class="flex flex-column gap-2">
-        <h3>Tags</h3>
+  <div class="flex gap-4 bg-white h-full p-3 flex-column-reverse sm:p-4 lg:flex-row">
+    <div class="flex flex-column gap-4 left-section">
+      <osf-project-wiki />
+      <osf-project-components />
+      <osf-linked-projects />
+      <osf-recent-activity />
+    </div>
 
-        <div class="flex gap-2">
-          <div class="subject">tag1</div>
-          <div class="subject">tag2</div>
-          <div class="subject">tag3</div>
-          <div class="subject">tag4</div>
-        </div>
-      </div>
+    <div class="flex flex-column right-section p-4">
+      <osf-overview-metadata />
     </div>
   </div>
-</div>
+} @else {
+  <osf-loading-spinner />
+}
diff --git a/src/app/features/project/overview/project-overview.component.scss b/src/app/features/project/overview/project-overview.component.scss
index 94523ecd3..10af43d72 100644
--- a/src/app/features/project/overview/project-overview.component.scss
+++ b/src/app/features/project/overview/project-overview.component.scss
@@ -1,60 +1,15 @@
-@use "../../../../assets/styles/variables" as var;
+@use "/assets/styles/variables" as var;
 
 .desktop {
   margin-top: 4.5rem;
 }
 
-.wiki,
-.component,
-.linked-projects,
-.activities {
-  border: 1px solid var(--grey-2);
-  border-radius: 12px;
-  color: var(--dark-blue-1);
-
-  &-description {
-    line-height: 24px;
-  }
-}
-
-.component {
-  &-title {
-    border: 1px solid var(--grey-2);
-    border-radius: 12px;
-  }
-}
-
-.linked-projects {
-  &-project {
-    border: 1px solid var(--grey-2);
-    border-radius: 12px;
-  }
-}
-
-.activities {
-  &-activity {
-    height: 35px;
-    border-bottom: 1px solid var(--grey-2);
-  }
-}
-
 .left-section {
   flex: 3;
 }
 
 .right-section {
   flex: 1;
-  border: 1px solid var(--grey-2);
+  border: 1px solid var.$grey-2;
   border-radius: 12px;
 }
-
-.subject {
-  background: var(--bg-blue-3);
-  border-radius: 4px;
-  padding: 4px 12px;
-  line-height: 24px;
-}
-
-.metadata {
-  color: var.$dark-blue-1;
-}
diff --git a/src/app/features/project/overview/project-overview.component.ts b/src/app/features/project/overview/project-overview.component.ts
index bf562e2e5..7071de483 100644
--- a/src/app/features/project/overview/project-overview.component.ts
+++ b/src/app/features/project/overview/project-overview.component.ts
@@ -1,17 +1,94 @@
-import { Button } from 'primeng/button';
+import { createDispatchMap, select } from '@ngxs/store';
 
-import { NgOptimizedImage } from '@angular/common';
-import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core';
+import { ButtonModule } from 'primeng/button';
+import { DialogService } from 'primeng/dynamicdialog';
+import { TagModule } from 'primeng/tag';
 
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, DestroyRef, HostBinding, inject, OnInit } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
+
+import { ClearCollections, GetBookmarksCollectionId } from '@osf/features/collections/store';
+import { LinkedProjectsComponent } from '@osf/features/project/overview/components/linked-projects/linked-projects.component';
+import { OverviewComponentsComponent } from '@osf/features/project/overview/components/overview-components/overview-components.component';
+import { OverviewMetadataComponent } from '@osf/features/project/overview/components/overview-metadata/overview-metadata.component';
+import { OverviewToolbarComponent } from '@osf/features/project/overview/components/overview-toolbar/overview-toolbar.component';
+import { OverviewWikiComponent } from '@osf/features/project/overview/components/overview-wiki/overview-wiki.component';
+import { RecentActivityComponent } from '@osf/features/project/overview/components/recent-activity/recent-activity.component';
+import { ClearWiki, GetHomeWiki } from '@osf/features/project/wiki/store';
+import { LoadingSpinnerComponent } from '@shared/components';
 import { SubHeaderComponent } from '@shared/components/sub-header/sub-header.component';
 
+import {
+  ClearProjectOverview,
+  GetComponents,
+  GetLinkedProjects,
+  GetProjectById,
+} from './store/project-overview.actions';
+import { ProjectOverviewSelectors } from './store/project-overview.selectors';
+
 @Component({
   selector: 'osf-project-overview',
-  imports: [SubHeaderComponent, Button, NgOptimizedImage],
   templateUrl: './project-overview.component.html',
-  styleUrl: './project-overview.component.scss',
+  styleUrls: ['./project-overview.component.scss'],
+  imports: [
+    CommonModule,
+    ButtonModule,
+    TagModule,
+    SubHeaderComponent,
+    FormsModule,
+    LoadingSpinnerComponent,
+    OverviewWikiComponent,
+    OverviewComponentsComponent,
+    LinkedProjectsComponent,
+    RecentActivityComponent,
+    OverviewMetadataComponent,
+    OverviewToolbarComponent,
+  ],
+  providers: [DialogService],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class ProjectOverviewComponent {
-  @HostBinding('class') classes = 'flex flex-column w-full h-full';
+export class ProjectOverviewComponent implements OnInit {
+  @HostBinding('class') classes = 'flex flex-1 flex-column w-full h-full';
+
+  private route = inject(ActivatedRoute);
+  private destroyRef = inject(DestroyRef);
+
+  protected actions = createDispatchMap({
+    getProject: GetProjectById,
+    getBookmarksId: GetBookmarksCollectionId,
+    getHomeWiki: GetHomeWiki,
+    getComponents: GetComponents,
+    getLinkedProjects: GetLinkedProjects,
+    clearProjectOverview: ClearProjectOverview,
+    clearWiki: ClearWiki,
+    clearCollections: ClearCollections,
+  });
+
+  protected currentProject = select(ProjectOverviewSelectors.getProject);
+  protected isProjectLoading = select(ProjectOverviewSelectors.getProjectLoading);
+
+  constructor() {
+    this.setupCleanup();
+  }
+
+  ngOnInit(): void {
+    const projectId = this.route.parent?.snapshot.params['id'];
+    if (projectId) {
+      this.actions.getProject(projectId);
+      this.actions.getBookmarksId();
+      this.actions.getHomeWiki(projectId);
+      this.actions.getComponents(projectId);
+      this.actions.getLinkedProjects(projectId);
+    }
+  }
+
+  private setupCleanup(): void {
+    this.destroyRef.onDestroy(() => {
+      this.actions.clearProjectOverview();
+      this.actions.clearWiki();
+      this.actions.clearCollections();
+    });
+  }
 }
diff --git a/src/app/features/project/overview/services/index.ts b/src/app/features/project/overview/services/index.ts
new file mode 100644
index 000000000..0b2facadf
--- /dev/null
+++ b/src/app/features/project/overview/services/index.ts
@@ -0,0 +1 @@
+export * from './project-overview.service';
diff --git a/src/app/features/project/overview/services/project-overview.service.ts b/src/app/features/project/overview/services/project-overview.service.ts
new file mode 100644
index 000000000..ab945a914
--- /dev/null
+++ b/src/app/features/project/overview/services/project-overview.service.ts
@@ -0,0 +1,144 @@
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+import { inject, Injectable } from '@angular/core';
+
+import { JsonApiService } from '@core/services/json-api/json-api.service';
+
+import { environment } from '../../../../../environments/environment';
+import { ProjectOverviewMapper } from '../mappers/project-overview.mapper';
+import {
+  ComponentGetResponse,
+  ComponentOverview,
+  ProjectOverview,
+  ProjectOverviewJsonApiResponse,
+} from '../models/project-overview.models';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ProjectOverviewService {
+  #jsonApiService = inject(JsonApiService);
+
+  getProjectById(projectId: string): Observable<ProjectOverview> {
+    const params: Record<string, unknown> = {
+      'embed[]': [
+        'bibliographic_contributors',
+        'affiliated_institutions',
+        'identifiers',
+        'license',
+        'storage',
+        'preprints',
+      ],
+      'fields[institutions]': 'assets,description,name',
+      'fields[preprints]': 'title,date_created',
+      'fields[users]': 'family_name,full_name,given_name,middle_name',
+      related_counts: 'forks,view_only_links',
+    };
+
+    return this.#jsonApiService
+      .get<ProjectOverviewJsonApiResponse>(`${environment.apiUrl}/nodes/${projectId}/`, params)
+      .pipe(map((response) => ProjectOverviewMapper.fromGetProjectResponse(response.data)));
+  }
+
+  updateProjectPublicStatus(projectId: string, isPublic: boolean): Observable<void> {
+    const payload = {
+      data: {
+        id: projectId,
+        type: 'nodes',
+        attributes: {
+          public: isPublic,
+        },
+      },
+    };
+
+    return this.#jsonApiService.patch<void>(`${environment.apiUrl}/nodes/${projectId}/`, payload);
+  }
+
+  forkProject(projectId: string): Observable<void> {
+    const payload = {
+      data: {
+        type: 'nodes',
+      },
+    };
+
+    return this.#jsonApiService.post<void>(`${environment.apiUrl}/nodes/${projectId}/forks/`, payload);
+  }
+
+  duplicateProject(projectId: string, title: string): Observable<void> {
+    const payload = {
+      data: {
+        type: 'nodes',
+        attributes: {
+          template_from: projectId,
+          category: 'project',
+          title: 'Templated from ' + title,
+        },
+      },
+    };
+
+    return this.#jsonApiService.post<void>(`${environment.apiUrl}/nodes/`, payload);
+  }
+
+  createComponent(
+    projectId: string,
+    title: string,
+    description: string | null,
+    tags: string[],
+    region: string | null,
+    affiliatedInstitutions: string[],
+    inheritContributors: boolean
+  ): Observable<void> {
+    const payload = {
+      data: {
+        type: 'nodes',
+        attributes: {
+          title,
+          category: 'project',
+          description: description || '',
+          tags,
+        },
+      },
+    };
+
+    const params: Record<string, unknown> = {
+      inherit_contributors: inheritContributors,
+    };
+
+    if (region) {
+      params['region'] = region;
+    }
+
+    if (affiliatedInstitutions.length) {
+      params['affiliated_institutions'] = affiliatedInstitutions;
+    }
+
+    return this.#jsonApiService.post<void>(`${environment.apiUrl}/nodes/${projectId}/children/`, payload, params);
+  }
+
+  deleteComponent(componentId: string): Observable<void> {
+    return this.#jsonApiService.delete(`${environment.apiUrl}/nodes/${componentId}/`);
+  }
+
+  getComponents(projectId: string): Observable<ComponentOverview[]> {
+    const params: Record<string, unknown> = {
+      embed: 'bibliographic_contributors',
+      'fields[users]': 'family_name,full_name,given_name,middle_name',
+    };
+
+    return this.#jsonApiService
+      .get<{ data: ComponentGetResponse[] }>(`${environment.apiUrl}/nodes/${projectId}/children`, params)
+      .pipe(map((response) => response.data.map((item) => ProjectOverviewMapper.fromGetComponentResponse(item))));
+  }
+
+  getLinkedProjects(projectId: string): Observable<ComponentOverview[]> {
+    const params: Record<string, unknown> = {
+      embed: 'bibliographic_contributors',
+      'fields[users]': 'family_name,full_name,given_name,middle_name',
+    };
+
+    return this.#jsonApiService
+      .get<{ data: ComponentGetResponse[] }>(`${environment.apiUrl}/nodes/${projectId}/linked_nodes`, params)
+      .pipe(map((response) => response.data.map((item) => ProjectOverviewMapper.fromGetComponentResponse(item))));
+  }
+}
diff --git a/src/app/features/project/overview/store/index.ts b/src/app/features/project/overview/store/index.ts
new file mode 100644
index 000000000..36e8524dd
--- /dev/null
+++ b/src/app/features/project/overview/store/index.ts
@@ -0,0 +1,4 @@
+export * from './project-overview.actions';
+export * from './project-overview.model';
+export * from './project-overview.selectors';
+export * from './project-overview.state';
diff --git a/src/app/features/project/overview/store/project-overview.actions.ts b/src/app/features/project/overview/store/project-overview.actions.ts
new file mode 100644
index 000000000..b27a9d663
--- /dev/null
+++ b/src/app/features/project/overview/store/project-overview.actions.ts
@@ -0,0 +1,65 @@
+export class GetProjectById {
+  static readonly type = '[Project Overview] Get Project By Id';
+
+  constructor(public projectId: string) {}
+}
+
+export class UpdateProjectPublicStatus {
+  static readonly type = '[Project Overview] Update Project Public Status';
+
+  constructor(
+    public projectId: string,
+    public isPublic: boolean
+  ) {}
+}
+
+export class ForkProject {
+  static readonly type = '[Project Overview] Fork Project';
+
+  constructor(public projectId: string) {}
+}
+
+export class DuplicateProject {
+  static readonly type = '[Project Overview] Duplicate Project';
+
+  constructor(
+    public projectId: string,
+    public title: string
+  ) {}
+}
+
+export class ClearProjectOverview {
+  static readonly type = '[Project Overview] Clear Project Overview';
+}
+
+export class CreateComponent {
+  static readonly type = '[Project Overview] Create Component';
+
+  constructor(
+    public projectId: string,
+    public title: string,
+    public description: string | null,
+    public tags: string[],
+    public region: string | null,
+    public affiliatedInstitutions: string[],
+    public inheritContributors: boolean
+  ) {}
+}
+
+export class DeleteComponent {
+  static readonly type = '[Project Overview] Delete Component';
+
+  constructor(public componentId: string) {}
+}
+
+export class GetComponents {
+  static readonly type = '[Project Overview] Get Components';
+
+  constructor(public projectId: string) {}
+}
+
+export class GetLinkedProjects {
+  static readonly type = '[Project Overview] Get Linked Projects';
+
+  constructor(public projectId: string) {}
+}
diff --git a/src/app/features/project/overview/store/project-overview.model.ts b/src/app/features/project/overview/store/project-overview.model.ts
new file mode 100644
index 000000000..a22156785
--- /dev/null
+++ b/src/app/features/project/overview/store/project-overview.model.ts
@@ -0,0 +1,8 @@
+import { ComponentOverview, ProjectOverview } from '@osf/features/project/overview/models/project-overview.models';
+import { AsyncStateModel } from '@osf/shared/models/store';
+
+export interface ProjectOverviewStateModel {
+  project: AsyncStateModel<ProjectOverview | null>;
+  components: AsyncStateModel<ComponentOverview[]>;
+  linkedProjects: AsyncStateModel<ComponentOverview[]>;
+}
diff --git a/src/app/features/project/overview/store/project-overview.selectors.ts b/src/app/features/project/overview/store/project-overview.selectors.ts
new file mode 100644
index 000000000..e7844e877
--- /dev/null
+++ b/src/app/features/project/overview/store/project-overview.selectors.ts
@@ -0,0 +1,61 @@
+import { Selector } from '@ngxs/store';
+
+import { ProjectOverviewStateModel } from './project-overview.model';
+import { ProjectOverviewState } from './project-overview.state';
+
+export class ProjectOverviewSelectors {
+  @Selector([ProjectOverviewState])
+  static getProject(state: ProjectOverviewStateModel) {
+    return state.project.data;
+  }
+
+  @Selector([ProjectOverviewState])
+  static getProjectLoading(state: ProjectOverviewStateModel) {
+    return state.project.isLoading;
+  }
+
+  @Selector([ProjectOverviewState])
+  static getComponents(state: ProjectOverviewStateModel) {
+    return state.components.data;
+  }
+
+  @Selector([ProjectOverviewState])
+  static getComponentsLoading(state: ProjectOverviewStateModel) {
+    return state.components.isLoading;
+  }
+
+  @Selector([ProjectOverviewState])
+  static getComponentsSubmitting(state: ProjectOverviewStateModel) {
+    return state.components.isSubmitting;
+  }
+
+  @Selector([ProjectOverviewState])
+  static getComponentsError(state: ProjectOverviewStateModel) {
+    return state.components.error;
+  }
+
+  @Selector([ProjectOverviewState])
+  static getLinkedProjects(state: ProjectOverviewStateModel) {
+    return state.linkedProjects.data;
+  }
+
+  @Selector([ProjectOverviewState])
+  static getLinkedProjectsLoading(state: ProjectOverviewStateModel) {
+    return state.linkedProjects.isLoading;
+  }
+
+  @Selector([ProjectOverviewState])
+  static getForkProjectSubmitting(state: ProjectOverviewStateModel) {
+    return state.project.isSubmitting;
+  }
+
+  @Selector([ProjectOverviewState])
+  static getDuplicateProjectSubmitting(state: ProjectOverviewStateModel) {
+    return state.project.isSubmitting;
+  }
+
+  @Selector([ProjectOverviewState])
+  static getUpdatePublicStatusSubmitting(state: ProjectOverviewStateModel) {
+    return state.project.isSubmitting;
+  }
+}
diff --git a/src/app/features/project/overview/store/project-overview.state.ts b/src/app/features/project/overview/store/project-overview.state.ts
new file mode 100644
index 000000000..33114cfbe
--- /dev/null
+++ b/src/app/features/project/overview/store/project-overview.state.ts
@@ -0,0 +1,280 @@
+import { Action, State, StateContext } from '@ngxs/store';
+
+import { catchError, tap, throwError } from 'rxjs';
+
+import { inject, Injectable } from '@angular/core';
+
+import { ProjectOverviewService } from '@osf/features/project/overview/services/project-overview.service';
+
+import {
+  ClearProjectOverview,
+  CreateComponent,
+  DeleteComponent,
+  DuplicateProject,
+  ForkProject,
+  GetComponents,
+  GetLinkedProjects,
+  GetProjectById,
+  UpdateProjectPublicStatus,
+} from './project-overview.actions';
+import { ProjectOverviewStateModel } from './project-overview.model';
+
+const PROJECT_OVERVIEW_DEFAULTS: ProjectOverviewStateModel = {
+  project: {
+    data: null,
+    isLoading: false,
+    isSubmitting: false,
+    error: null,
+  },
+  components: {
+    data: [],
+    isLoading: false,
+    isSubmitting: false,
+    error: null,
+  },
+  linkedProjects: {
+    data: [],
+    isLoading: false,
+    isSubmitting: false,
+    error: null,
+  },
+};
+
+@State<ProjectOverviewStateModel>({
+  name: 'projectOverview',
+  defaults: PROJECT_OVERVIEW_DEFAULTS,
+})
+@Injectable()
+export class ProjectOverviewState {
+  projectOverviewService = inject(ProjectOverviewService);
+
+  @Action(GetProjectById)
+  getProjectById(ctx: StateContext<ProjectOverviewStateModel>, action: GetProjectById) {
+    const state = ctx.getState();
+    ctx.patchState({
+      project: {
+        ...state.project,
+        isLoading: true,
+      },
+    });
+
+    return this.projectOverviewService.getProjectById(action.projectId).pipe(
+      tap((project) => {
+        ctx.patchState({
+          project: {
+            data: project,
+            isLoading: false,
+            error: null,
+          },
+        });
+      }),
+      catchError((error) => this.handleError(ctx, 'project', error))
+    );
+  }
+
+  @Action(ClearProjectOverview)
+  clearProjectOverview(ctx: StateContext<ProjectOverviewStateModel>) {
+    ctx.patchState(PROJECT_OVERVIEW_DEFAULTS);
+  }
+
+  @Action(UpdateProjectPublicStatus)
+  updateProjectPublicStatus(ctx: StateContext<ProjectOverviewStateModel>, action: UpdateProjectPublicStatus) {
+    const state = ctx.getState();
+    if (state.project.data) {
+      ctx.patchState({
+        project: {
+          ...state.project,
+          isSubmitting: true,
+        },
+      });
+
+      return this.projectOverviewService.updateProjectPublicStatus(action.projectId, action.isPublic).pipe(
+        tap(() => {
+          ctx.patchState({
+            project: {
+              ...state.project,
+              data: {
+                ...state.project.data!,
+                isPublic: action.isPublic,
+              },
+              isSubmitting: false,
+            },
+          });
+        }),
+        catchError((error) => this.handleError(ctx, 'project', error))
+      );
+    }
+    return;
+  }
+
+  @Action(ForkProject)
+  forkProject(ctx: StateContext<ProjectOverviewStateModel>, action: ForkProject) {
+    const state = ctx.getState();
+    ctx.patchState({
+      project: {
+        ...state.project,
+        isSubmitting: true,
+      },
+    });
+
+    return this.projectOverviewService.forkProject(action.projectId).pipe(
+      tap(() => {
+        ctx.patchState({
+          project: {
+            ...state.project,
+            data: {
+              ...state.project.data!,
+              forksCount: state.project.data!.forksCount + 1,
+            },
+            isSubmitting: false,
+          },
+        });
+      }),
+      catchError((error) => this.handleError(ctx, 'project', error))
+    );
+  }
+
+  @Action(DuplicateProject)
+  duplicateProject(ctx: StateContext<ProjectOverviewStateModel>, action: DuplicateProject) {
+    const state = ctx.getState();
+    ctx.patchState({
+      project: {
+        ...state.project,
+        isSubmitting: true,
+      },
+    });
+
+    return this.projectOverviewService.duplicateProject(action.projectId, action.title).pipe(
+      tap(() => {
+        ctx.patchState({
+          project: {
+            ...state.project,
+            isSubmitting: false,
+          },
+        });
+      }),
+      catchError((error) => this.handleError(ctx, 'project', error))
+    );
+  }
+
+  @Action(CreateComponent)
+  createComponent(ctx: StateContext<ProjectOverviewStateModel>, action: CreateComponent) {
+    const state = ctx.getState();
+    ctx.patchState({
+      components: {
+        ...state.components,
+        isSubmitting: true,
+      },
+    });
+
+    return this.projectOverviewService
+      .createComponent(
+        action.projectId,
+        action.title,
+        action.description,
+        action.tags,
+        action.region,
+        action.affiliatedInstitutions,
+        action.inheritContributors
+      )
+      .pipe(
+        tap(() => {
+          ctx.patchState({
+            components: {
+              ...state.components,
+              isSubmitting: false,
+            },
+          });
+        }),
+        catchError((error) => this.handleError(ctx, 'components', error))
+      );
+  }
+
+  @Action(DeleteComponent)
+  deleteComponent(ctx: StateContext<ProjectOverviewStateModel>, action: DeleteComponent) {
+    const state = ctx.getState();
+    ctx.patchState({
+      components: {
+        ...state.components,
+        isSubmitting: true,
+      },
+    });
+
+    return this.projectOverviewService.deleteComponent(action.componentId).pipe(
+      tap(() => {
+        ctx.patchState({
+          components: {
+            ...state.components,
+            isSubmitting: false,
+            error: null,
+          },
+        });
+      }),
+      catchError((error) => this.handleError(ctx, 'components', error))
+    );
+  }
+
+  @Action(GetComponents)
+  getProjectComponents(ctx: StateContext<ProjectOverviewStateModel>, action: GetComponents) {
+    const state = ctx.getState();
+    ctx.patchState({
+      components: {
+        ...state.components,
+        isLoading: true,
+      },
+    });
+
+    return this.projectOverviewService.getComponents(action.projectId).pipe(
+      tap((components) => {
+        ctx.patchState({
+          components: {
+            data: components,
+            isLoading: false,
+            error: null,
+          },
+        });
+      }),
+      catchError((error) => this.handleError(ctx, 'components', error))
+    );
+  }
+
+  @Action(GetLinkedProjects)
+  getLinkedProjects(ctx: StateContext<ProjectOverviewStateModel>, action: GetLinkedProjects) {
+    const state = ctx.getState();
+    ctx.patchState({
+      linkedProjects: {
+        ...state.linkedProjects,
+        isLoading: true,
+      },
+    });
+
+    return this.projectOverviewService.getLinkedProjects(action.projectId).pipe(
+      tap((linkedProjects) => {
+        ctx.patchState({
+          linkedProjects: {
+            data: linkedProjects,
+            isLoading: false,
+            error: null,
+          },
+        });
+      }),
+      catchError((error) => this.handleError(ctx, 'linkedProjects', error))
+    );
+  }
+
+  private handleError(
+    ctx: StateContext<ProjectOverviewStateModel>,
+    section: keyof ProjectOverviewStateModel,
+    error: Error
+  ) {
+    ctx.patchState({
+      [section]: {
+        ...ctx.getState()[section],
+        isLoading: false,
+        isSubmitting: false,
+        error: error.message,
+      },
+    });
+    return throwError(() => error);
+  }
+}
diff --git a/src/app/features/project/project.component.html b/src/app/features/project/project.component.html
index f58acf390..07cb3a9d7 100644
--- a/src/app/features/project/project.component.html
+++ b/src/app/features/project/project.component.html
@@ -1,3 +1,3 @@
-<div [class.desktop]="isDesktop()">
+<div class="flex flex-column flex-1" [class.desktop]="isDesktop()">
   <router-outlet />
 </div>
diff --git a/src/app/features/project/wiki/mappers/index.ts b/src/app/features/project/wiki/mappers/index.ts
new file mode 100644
index 000000000..4f13b4e6e
--- /dev/null
+++ b/src/app/features/project/wiki/mappers/index.ts
@@ -0,0 +1 @@
+export * from './wiki.mapper';
diff --git a/src/app/features/project/wiki/mappers/wiki.mapper.ts b/src/app/features/project/wiki/mappers/wiki.mapper.ts
new file mode 100644
index 000000000..d552d50fe
--- /dev/null
+++ b/src/app/features/project/wiki/mappers/wiki.mapper.ts
@@ -0,0 +1,12 @@
+import { HomeWiki, HomeWikiGetResponse } from '../models/wiki.model';
+
+export class WikiMapper {
+  static fromGetHomeWikiResponse(response: HomeWikiGetResponse): HomeWiki {
+    return {
+      id: response.id,
+      name: response.attributes.name,
+      contentType: response.attributes.content_type,
+      downloadLink: response.links.download,
+    };
+  }
+}
diff --git a/src/app/features/project/wiki/models/index.ts b/src/app/features/project/wiki/models/index.ts
new file mode 100644
index 000000000..c814841f1
--- /dev/null
+++ b/src/app/features/project/wiki/models/index.ts
@@ -0,0 +1 @@
+export * from './wiki.model';
diff --git a/src/app/features/project/wiki/models/wiki.model.ts b/src/app/features/project/wiki/models/wiki.model.ts
new file mode 100644
index 000000000..27ff0da2e
--- /dev/null
+++ b/src/app/features/project/wiki/models/wiki.model.ts
@@ -0,0 +1,25 @@
+import { JsonApiResponse } from '@core/services/json-api/json-api.entity';
+
+export interface HomeWiki {
+  id: string;
+  name: string;
+  contentType: string;
+  downloadLink: string;
+  content?: string;
+}
+
+export interface HomeWikiGetResponse {
+  id: string;
+  type: string;
+  attributes: {
+    name: string;
+    content_type: string;
+  };
+  links: {
+    download: string;
+  };
+}
+
+export interface HomeWikiJsonApiResponse extends JsonApiResponse<HomeWikiGetResponse[], null> {
+  data: HomeWikiGetResponse[];
+}
diff --git a/src/app/features/project/wiki/services/index.ts b/src/app/features/project/wiki/services/index.ts
new file mode 100644
index 000000000..054b651c3
--- /dev/null
+++ b/src/app/features/project/wiki/services/index.ts
@@ -0,0 +1 @@
+export * from './wiki.service';
diff --git a/src/app/features/project/wiki/services/wiki.service.ts b/src/app/features/project/wiki/services/wiki.service.ts
new file mode 100644
index 000000000..e15fa062f
--- /dev/null
+++ b/src/app/features/project/wiki/services/wiki.service.ts
@@ -0,0 +1,44 @@
+import { Observable, of } from 'rxjs';
+import { map, switchMap } from 'rxjs/operators';
+
+import { HttpClient } from '@angular/common/http';
+import { inject, Injectable } from '@angular/core';
+
+import { JsonApiService } from '@core/services/json-api/json-api.service';
+import { WikiMapper } from '@osf/features/project/wiki/mappers/wiki.mapper';
+
+import { environment } from '../../../../../environments/environment';
+import { HomeWikiJsonApiResponse } from '../models/wiki.model';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class WikiService {
+  readonly #jsonApiService = inject(JsonApiService);
+  readonly #http = inject(HttpClient);
+
+  getHomeWiki(projectId: string): Observable<string> {
+    const params: Record<string, unknown> = {
+      'filter[name]': 'home',
+    };
+    return this.#jsonApiService
+      .get<HomeWikiJsonApiResponse>(environment.apiUrl + `/nodes/${projectId}/wikis/`, params)
+      .pipe(
+        map((response) => {
+          const homeWiki = response.data.find((wiki) => wiki.attributes.name === 'home');
+          if (!homeWiki) {
+            return '';
+          }
+          const wiki = WikiMapper.fromGetHomeWikiResponse(homeWiki);
+          return wiki.downloadLink;
+        }),
+        switchMap((downloadLink) => {
+          if (!downloadLink) {
+            return of('');
+          }
+          return this.#http.get(downloadLink, { responseType: 'text' });
+        }),
+        map((content) => (content ? content.replace(/\n/g, '<br>') : ''))
+      );
+  }
+}
diff --git a/src/app/features/project/wiki/store/index.ts b/src/app/features/project/wiki/store/index.ts
new file mode 100644
index 000000000..0c93bb710
--- /dev/null
+++ b/src/app/features/project/wiki/store/index.ts
@@ -0,0 +1,4 @@
+export * from './wiki.actions';
+export * from './wiki.model';
+export * from './wiki.selectors';
+export * from './wiki.state';
diff --git a/src/app/features/project/wiki/store/wiki.actions.ts b/src/app/features/project/wiki/store/wiki.actions.ts
new file mode 100644
index 000000000..ef7e10da2
--- /dev/null
+++ b/src/app/features/project/wiki/store/wiki.actions.ts
@@ -0,0 +1,9 @@
+export class GetHomeWiki {
+  static readonly type = '[Wiki] Get Home Wiki';
+
+  constructor(public projectId: string) {}
+}
+
+export class ClearWiki {
+  static readonly type = '[Wiki] Clear Wiki';
+}
diff --git a/src/app/features/project/wiki/store/wiki.model.ts b/src/app/features/project/wiki/store/wiki.model.ts
new file mode 100644
index 000000000..fa2625533
--- /dev/null
+++ b/src/app/features/project/wiki/store/wiki.model.ts
@@ -0,0 +1,5 @@
+import { AsyncStateModel } from '@osf/shared/models/store';
+
+export interface WikiStateModel {
+  homeWikiContent: AsyncStateModel<string>;
+}
diff --git a/src/app/features/project/wiki/store/wiki.selectors.ts b/src/app/features/project/wiki/store/wiki.selectors.ts
new file mode 100644
index 000000000..920aa5045
--- /dev/null
+++ b/src/app/features/project/wiki/store/wiki.selectors.ts
@@ -0,0 +1,17 @@
+import { Selector } from '@ngxs/store';
+
+import { WikiStateModel } from '@osf/features/project/wiki/store/wiki.model';
+
+import { WikiState } from './wiki.state';
+
+export class WikiSelectors {
+  @Selector([WikiState])
+  static getHomeWikiContent(state: WikiStateModel): string {
+    return state.homeWikiContent.data;
+  }
+
+  @Selector([WikiState])
+  static getHomeWikiLoading(state: WikiStateModel): boolean {
+    return state.homeWikiContent.isLoading;
+  }
+}
diff --git a/src/app/features/project/wiki/store/wiki.state.ts b/src/app/features/project/wiki/store/wiki.state.ts
new file mode 100644
index 000000000..90df18f78
--- /dev/null
+++ b/src/app/features/project/wiki/store/wiki.state.ts
@@ -0,0 +1,72 @@
+import { Action, State, StateContext } from '@ngxs/store';
+
+import { catchError, tap, throwError } from 'rxjs';
+
+import { Injectable } from '@angular/core';
+
+import { WikiService } from '../services/wiki.service';
+
+import { ClearWiki, GetHomeWiki } from './wiki.actions';
+import { WikiStateModel } from './wiki.model';
+
+@State<WikiStateModel>({
+  name: 'wiki',
+  defaults: {
+    homeWikiContent: {
+      data: '',
+      isLoading: false,
+      error: null,
+    },
+  },
+})
+@Injectable()
+export class WikiState {
+  constructor(private wikiService: WikiService) {}
+
+  @Action(GetHomeWiki)
+  getHomeWiki(ctx: StateContext<WikiStateModel>, action: GetHomeWiki) {
+    const state = ctx.getState();
+    ctx.patchState({
+      homeWikiContent: {
+        ...state.homeWikiContent,
+        isLoading: true,
+        error: null,
+      },
+    });
+
+    return this.wikiService.getHomeWiki(action.projectId).pipe(
+      tap((content) => {
+        ctx.patchState({
+          homeWikiContent: {
+            data: content,
+            isLoading: false,
+            error: null,
+          },
+        });
+      }),
+      catchError((error) => this.handleError(ctx, error))
+    );
+  }
+
+  @Action(ClearWiki)
+  clearWiki(ctx: StateContext<WikiStateModel>) {
+    ctx.patchState({
+      homeWikiContent: {
+        data: '',
+        isLoading: false,
+        error: null,
+      },
+    });
+  }
+
+  private handleError(ctx: StateContext<WikiStateModel>, error: Error) {
+    ctx.patchState({
+      homeWikiContent: {
+        ...ctx.getState().homeWikiContent,
+        isLoading: false,
+        error: error.message,
+      },
+    });
+    return throwError(() => error);
+  }
+}
diff --git a/src/app/features/settings/account-settings/components/affiliated-institutions/affiliated-institutions.component.ts b/src/app/features/settings/account-settings/components/affiliated-institutions/affiliated-institutions.component.ts
index a3de613e2..01c47229b 100644
--- a/src/app/features/settings/account-settings/components/affiliated-institutions/affiliated-institutions.component.ts
+++ b/src/app/features/settings/account-settings/components/affiliated-institutions/affiliated-institutions.component.ts
@@ -1,4 +1,4 @@
-import { Store } from '@ngxs/store';
+import { select, Store } from '@ngxs/store';
 
 import { TranslatePipe } from '@ngx-translate/core';
 
@@ -16,13 +16,13 @@ import { AccountSettingsSelectors } from '@osf/features/settings/account-setting
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class AffiliatedInstitutionsComponent {
-  readonly #store = inject(Store);
-  institutions = this.#store.selectSignal(AccountSettingsSelectors.getUserInstitutions);
-  currentUser = this.#store.selectSignal(UserSelectors.getCurrentUser);
+  private readonly store = inject(Store);
+  protected institutions = select(AccountSettingsSelectors.getUserInstitutions);
+  protected currentUser = select(UserSelectors.getCurrentUser);
 
   deleteInstitution(id: string) {
     if (this.currentUser()?.id) {
-      this.#store.dispatch(new DeleteUserInstitution(id, this.currentUser()!.id));
+      this.store.dispatch(new DeleteUserInstitution(id, this.currentUser()!.id));
     }
   }
 }
diff --git a/src/app/shared/components/loading-spinner/loading-spinner.component.html b/src/app/shared/components/loading-spinner/loading-spinner.component.html
index b957abe20..232fb70c9 100644
--- a/src/app/shared/components/loading-spinner/loading-spinner.component.html
+++ b/src/app/shared/components/loading-spinner/loading-spinner.component.html
@@ -1,6 +1,6 @@
-<div class="flex align-items-center w-full h-full">
+<div class="flex flex-1 align-items-center w-full min-h-full">
   <p-progress-spinner
-    class="spinner flex align-items-center"
+    class="spinner flex flex-1 align-items-center"
     strokeWidth="5"
     fill="transparent"
     animationDuration=".8s"
diff --git a/src/app/shared/components/loading-spinner/loading-spinner.component.scss b/src/app/shared/components/loading-spinner/loading-spinner.component.scss
index ac000cfd9..823f37703 100644
--- a/src/app/shared/components/loading-spinner/loading-spinner.component.scss
+++ b/src/app/shared/components/loading-spinner/loading-spinner.component.scss
@@ -1,6 +1,8 @@
 :host {
   width: 100%;
   height: 100%;
+  display: flex;
+  flex: 1;
 }
 
 .spinner {
diff --git a/src/app/shared/components/my-projects-table/my-projects-table.component.ts b/src/app/shared/components/my-projects-table/my-projects-table.component.ts
index 09195e000..c84ec7507 100644
--- a/src/app/shared/components/my-projects-table/my-projects-table.component.ts
+++ b/src/app/shared/components/my-projects-table/my-projects-table.component.ts
@@ -7,7 +7,7 @@ import { TableModule, TablePageEvent } from 'primeng/table';
 import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
 
-import { MyProjectsItem } from '@osf/features/my-projects/entities/my-projects.entities';
+import { MyProjectsItem } from '@osf/features/my-projects/models/my-projects.models';
 import { SearchInputComponent } from '@shared/components/search-input/search-input.component';
 import { TableParameters } from '@shared/entities/table-parameters.interface';
 import { SortOrder } from '@shared/utils/sort-order.enum';
diff --git a/src/app/shared/components/truncated-text/truncated-text.component.html b/src/app/shared/components/truncated-text/truncated-text.component.html
new file mode 100644
index 000000000..2c278eba1
--- /dev/null
+++ b/src/app/shared/components/truncated-text/truncated-text.component.html
@@ -0,0 +1,24 @@
+<div class="flex flex-column gap-3">
+  <div
+    #textContent
+    [innerHTML]="text()"
+    class="text-content"
+    [class.expanded]="isTextExpanded()"
+    [style.--line-clamp]="maxVisibleLines()"
+  ></div>
+
+  @if (hasOverflowingText()) {
+    <a
+      class="read-more-link font-bold"
+      (click)="toggleTextExpansion()"
+      (keydown.enter)="toggleTextExpansion()"
+      (keydown.space)="toggleTextExpansion()"
+      role="button"
+      tabindex="0"
+      [attr.aria-expanded]="isTextExpanded()"
+      [attr.aria-controls]="'text-content'"
+    >
+      {{ isTextExpanded() ? ('truncatedText.hide' | translate) : ('truncatedText.readMore' | translate) }}
+    </a>
+  }
+</div>
diff --git a/src/app/shared/components/truncated-text/truncated-text.component.scss b/src/app/shared/components/truncated-text/truncated-text.component.scss
new file mode 100644
index 000000000..a590d92fa
--- /dev/null
+++ b/src/app/shared/components/truncated-text/truncated-text.component.scss
@@ -0,0 +1,24 @@
+@use "assets/styles/variables" as var;
+
+.text-content {
+  max-height: 300px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: var(--line-clamp);
+  line-height: 1.7;
+  -webkit-line-clamp: var(--line-clamp);
+  -webkit-box-orient: vertical;
+
+  &.expanded {
+    display: block;
+    max-height: none;
+    text-overflow: initial;
+    -webkit-line-clamp: initial;
+    line-clamp: initial;
+  }
+}
+
+.read-more-link {
+  cursor: pointer;
+}
diff --git a/src/app/shared/components/truncated-text/truncated-text.component.ts b/src/app/shared/components/truncated-text/truncated-text.component.ts
new file mode 100644
index 000000000..342878692
--- /dev/null
+++ b/src/app/shared/components/truncated-text/truncated-text.component.ts
@@ -0,0 +1,37 @@
+import { TranslateModule } from '@ngx-translate/core';
+
+import { CommonModule } from '@angular/common';
+import { AfterViewInit, Component, ElementRef, input, signal, viewChild } from '@angular/core';
+
+// This component displays text with a "show more/less" functionality when content exceeds the specified number of lines.
+// Use line-clamp CSS property for initial truncation and dynamically show/hide content.
+
+@Component({
+  selector: 'osf-truncated-text',
+  templateUrl: './truncated-text.component.html',
+  styleUrls: ['./truncated-text.component.scss'],
+  imports: [CommonModule, TranslateModule],
+})
+export class TruncatedTextComponent implements AfterViewInit {
+  readonly text = input('');
+  readonly maxVisibleLines = input(3);
+  protected readonly contentElement = viewChild<ElementRef>('textContent');
+  protected isTextExpanded = signal(false);
+  protected hasOverflowingText = signal(false);
+
+  ngAfterViewInit() {
+    this.#checkTextOverflow();
+  }
+
+  #checkTextOverflow(): void {
+    const element = this.contentElement()?.nativeElement;
+    if (!element) return;
+
+    const hasOverflow = element.scrollHeight > element.clientHeight;
+    this.hasOverflowingText.set(hasOverflow);
+  }
+
+  protected toggleTextExpansion(): void {
+    this.isTextExpanded.update((expanded) => !expanded);
+  }
+}
diff --git a/src/app/shared/entities/create-component-form-controls.enum.ts b/src/app/shared/entities/create-component-form-controls.enum.ts
new file mode 100644
index 000000000..a588acfaf
--- /dev/null
+++ b/src/app/shared/entities/create-component-form-controls.enum.ts
@@ -0,0 +1,8 @@
+export enum ComponentFormControls {
+  Title = 'title',
+  Affiliations = 'affiliations',
+  StorageLocation = 'storageLocation',
+  Description = 'description',
+  AddContributors = 'addContributors',
+  AddTags = 'addTags',
+}
diff --git a/src/app/shared/entities/create-component-form.interface.ts b/src/app/shared/entities/create-component-form.interface.ts
new file mode 100644
index 000000000..cbd46a835
--- /dev/null
+++ b/src/app/shared/entities/create-component-form.interface.ts
@@ -0,0 +1,10 @@
+import { FormControl } from '@angular/forms';
+
+export interface ComponentForm {
+  title: FormControl<string>;
+  affiliations: FormControl<string[]>;
+  storageLocation: FormControl<string>;
+  description: FormControl<string>;
+  addContributors: FormControl<boolean>;
+  addTags: FormControl<boolean>;
+}
diff --git a/src/app/shared/utils/scientists.const.ts b/src/app/shared/utils/scientists.const.ts
new file mode 100644
index 000000000..4ecafb7ca
--- /dev/null
+++ b/src/app/shared/utils/scientists.const.ts
@@ -0,0 +1,40 @@
+export const ScientistsNames = [
+  'Anning',
+  'Banneker',
+  'Cannon',
+  'Carver',
+  'Chappelle',
+  'Curie',
+  'Divine',
+  'Emeagwali',
+  'Fahlberg',
+  'Forssmann',
+  'Franklin',
+  'Herschel',
+  'Hodgkin',
+  'Hopper',
+  'Horowitz',
+  'Jemison',
+  'Julian',
+  'Kovalevsky',
+  'Lamarr',
+  'Lavoisier',
+  'Lovelace',
+  'Massie',
+  'McClintock',
+  'Meitner',
+  'Mitchell',
+  'Morgan',
+  'Odum',
+  'Pasteur',
+  'Pauling',
+  'Payne',
+  'Pearce',
+  'Pollack',
+  'Rillieux',
+  'Sanger',
+  'Somerville',
+  'Tesla',
+  'Tyson',
+  'Turing',
+];
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index b9ff6f69a..5991a5a29 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -312,6 +312,151 @@
       "createLinkDialog": {
         "dialogTitle": "Create a new link to share your project"
       }
+    },
+    "overview": {
+      "header": {
+        "privateProject": "Private Project",
+        "publicProject": "Public Project"
+      },
+      "wiki": {
+        "title": "Wiki",
+        "noWikiMessage": "<em>Add important information, links, or images here to describe your project.</em>"
+      },
+      "components": {
+        "title": "Components",
+        "addComponentButton": "Add Component",
+        "linkProjectsButton": "Link Projects",
+        "noComponentsMessage": "<em>Add components to organize your project.</em>"
+      },
+      "linkedProjects": {
+        "title": "Linked Projects",
+        "noLinkedProjectsMessage": "<em>Link your project.</em>"
+      },
+      "recentActivity": {
+        "title": "Recent Activity"
+      },
+      "metadata": {
+        "title": "Metadata",
+        "contributors": "Contributors",
+        "description": "Description",
+        "supplements": "Supplements",
+        "supplementsText1": "Has supplemental materials for",
+        "supplementsText2": "on OSF Preprints",
+        "dateCreated": "Date Created",
+        "dateUpdated": "Date Updated",
+        "licence": "License",
+        "publication": "Publication DOI",
+        "subjects": "Subjects",
+        "tags": "Tags",
+        "affiliatedInstitutions": "Affiliated Institutions",
+        "noDescription": "No description",
+        "noLicense": "No License",
+        "noPublicationDoi": "No Publication DOI",
+        "noSubjects": "No subjects",
+        "noTags": "No tags",
+        "noSupplements": "No supplements",
+        "noAffiliatedInstitutions": "No affiliated institutions",
+        "editButton": "Edit"
+      },
+      "dialog": {
+        "makePublic": {
+          "header": "Make Project Public",
+          "confirmButton": "Make Public",
+          "cancelButton": "Cancel",
+          "message": "Please review your projects, components, and add-ons for sensitive or restricted information before making them public. <br/> <br/> Once they are made public, you should assume they will always be public. You can return them to private later, but search engines (including Google's cache) or others may access files, wiki pages, or analytics before you do. <br/> <br/>"
+        },
+        "makePrivate": {
+          "header": "Make Project Private",
+          "confirmButton": "Make Private",
+          "cancelButton": "Cancel",
+          "message": "<ul><li>&#8226; Public forks and registrations of this project will remain public.</li><li>&#8226; Search engines (including Google's cache) or others may have accessed files, wiki pages, or analytics while this project was public.</li><li>&#8226; The project will automatically be removed from any collections. Any pending requests will be cancelled.</li></ul><br/>"
+        },
+        "toast": {
+          "makePublic": {
+            "success": "Project has been made public successfully"
+          },
+          "makePrivate": {
+            "success": "Project has been made private successfully"
+          },
+          "addComponent": {
+            "success": "Component has been created successfully"
+          },
+          "deleteComponent": {
+            "success": "Component has been deleted successfully"
+          },
+          "fork": {
+            "success": "Project has been forked successfully"
+          },
+          "duplicate": {
+            "success": "Project has been duplicated successfully"
+          },
+          "bookmark": {
+            "add": "Project has been added to bookmarks",
+            "remove": "Project has been removed from bookmarks"
+          }
+        },
+        "addComponent": {
+          "header": "Create New Component",
+          "confirmButton": "Create",
+          "cancelButton": "Cancel",
+          "title": "Title",
+          "description": "Description (Optional)",
+          "storageLocation": "Storage Location",
+          "affiliation": {
+            "title": "Affiliation",
+            "selectAll": "Select All",
+            "removeAll": "Remove All"
+          },
+          "addContributors": "Add Contributors from",
+          "addTags": "Add Tags from",
+          "contributorsMessage": "admins will have read access to this component.",
+          "license": {
+            "title": "License",
+            "description": "This component will inherit the same license as",
+            "learnMore": "Learn More"
+          }
+        },
+        "deleteComponent": {
+          "header": "Are you sure you want to delete this component?",
+          "confirmButton": "Delete",
+          "cancelButton": "Cancel",
+          "message": "It will no longer be available to other contributors on the project.",
+          "confirmation": "Type the following to continue:"
+        },
+        "fork": {
+          "header": "Fork This Project",
+          "confirmButton": "Fork",
+          "cancelButton": "Cancel",
+          "message": "Are you sure you want to fork this project?"
+        },
+        "duplicate": {
+          "header": "Duplicate Template",
+          "confirmButton": "Create",
+          "cancelButton": "Cancel",
+          "message1": "Are you sure you want to create a new project using this project as a template?",
+          "message2": "Any add-ons configured for this project will not be authenticated in the new project."
+        }
+      },
+      "actions": {
+        "manageContributors": "Manage Contributors",
+        "settings": "Settings",
+        "delete": "Delete",
+        "forkProject": "Fork this project",
+        "duplicateProject": "Duplicate this project",
+        "viewDuplication": "View forks",
+        "socials": {
+          "email": "Email",
+          "x": "X",
+          "linkedIn": "LinkedIn",
+          "facebook": "Facebook"
+        }
+      },
+      "tooltips": {
+        "viewOnlyLinks": "View only links",
+        "bookmarks": "Bookmarks",
+        "duplicate": "Duplicate",
+        "share": "Share"
+      }
     }
   },
   "settings": {
@@ -766,6 +911,10 @@
       "downloadButton": "Download"
     }
   },
+  "truncatedText": {
+    "readMore": "Read more",
+    "hide": "Hide"
+  },
   "footer": {
     "links": {
       "centerForOpenScience": "Center for Open Science",
diff --git a/src/assets/icons/dist/icons.css b/src/assets/icons/dist/icons.css
index 9c40a6bbb..a48d6e24a 100644
--- a/src/assets/icons/dist/icons.css
+++ b/src/assets/icons/dist/icons.css
@@ -1,9 +1,9 @@
 @font-face {
   font-family: 'icons';
   src:
-    url('./icons.eot?cdc3c964cbe66b7f705386b7b66a51b6#iefix') format('embedded-opentype'),
-    url('./icons.woff2?cdc3c964cbe66b7f705386b7b66a51b6') format('woff2'),
-    url('./icons.woff?cdc3c964cbe66b7f705386b7b66a51b6') format('woff');
+    url('./icons.eot?2e4364c6b3c036b04fd69f71148f23a1#iefix') format('embedded-opentype'),
+    url('./icons.woff2?2e4364c6b3c036b04fd69f71148f23a1') format('woff2'),
+    url('./icons.woff?2e4364c6b3c036b04fd69f71148f23a1') format('woff');
 }
 
 i[class^='osf-icon-']:before,
@@ -39,186 +39,195 @@ i[class*=' osf-icon-']:before {
 .osf-icon-supplements:before {
   content: '\f107';
 }
-.osf-icon-sort-desc:before {
+.osf-icon-sort:before {
   content: '\f108';
 }
-.osf-icon-sort-asc:before {
+.osf-icon-sort-desc:before {
   content: '\f109';
 }
-.osf-icon-sort-asc-grey:before {
+.osf-icon-sort-asc:before {
   content: '\f10a';
 }
-.osf-icon-share:before {
+.osf-icon-sort-asc-grey:before {
   content: '\f10b';
 }
-.osf-icon-settings:before {
+.osf-icon-share:before {
   content: '\f10c';
 }
-.osf-icon-search:before {
+.osf-icon-settings:before {
   content: '\f10d';
 }
-.osf-icon-search-2:before {
+.osf-icon-search:before {
   content: '\f10e';
 }
-.osf-icon-rejected:before {
+.osf-icon-search-2:before {
   content: '\f10f';
 }
-.osf-icon-registries:before {
+.osf-icon-rejected:before {
   content: '\f110';
 }
-.osf-icon-quotes:before {
+.osf-icon-registries:before {
   content: '\f111';
 }
-.osf-icon-profile:before {
+.osf-icon-quotes:before {
   content: '\f112';
 }
-.osf-icon-preprints:before {
+.osf-icon-profile:before {
   content: '\f113';
 }
-.osf-icon-plus:before {
+.osf-icon-preprints:before {
   content: '\f114';
 }
-.osf-icon-pending:before {
+.osf-icon-plus:before {
   content: '\f115';
 }
-.osf-icon-pdf:before {
+.osf-icon-pending:before {
   content: '\f116';
 }
-.osf-icon-papers:before {
+.osf-icon-pdf:before {
   content: '\f117';
 }
-.osf-icon-padlock:before {
+.osf-icon-papers:before {
   content: '\f118';
 }
-.osf-icon-padlock-unlock:before {
+.osf-icon-padlock:before {
   content: '\f119';
 }
-.osf-icon-my-projects:before {
+.osf-icon-padlock-unlock:before {
   content: '\f11a';
 }
-.osf-icon-minus:before {
+.osf-icon-my-projects:before {
   content: '\f11b';
 }
-.osf-icon-menu:before {
+.osf-icon-minus:before {
   content: '\f11c';
 }
-.osf-icon-meetings:before {
+.osf-icon-menu:before {
   content: '\f11d';
 }
-.osf-icon-materials:before {
+.osf-icon-meetings:before {
   content: '\f11e';
 }
-.osf-icon-list:before {
+.osf-icon-materials:before {
   content: '\f11f';
 }
-.osf-icon-link:before {
+.osf-icon-list:before {
   content: '\f120';
 }
-.osf-icon-last:before {
+.osf-icon-link:before {
   content: '\f121';
 }
-.osf-icon-institutions:before {
+.osf-icon-last:before {
   content: '\f122';
 }
-.osf-icon-information:before {
+.osf-icon-institutions:before {
   content: '\f123';
 }
-.osf-icon-image:before {
+.osf-icon-institution:before {
   content: '\f124';
 }
-.osf-icon-home:before {
+.osf-icon-information:before {
   content: '\f125';
 }
-.osf-icon-home-2:before {
+.osf-icon-image:before {
   content: '\f126';
 }
-.osf-icon-help:before {
+.osf-icon-home:before {
   content: '\f127';
 }
-.osf-icon-folder:before {
+.osf-icon-home-2:before {
   content: '\f128';
 }
-.osf-icon-first:before {
+.osf-icon-help:before {
   content: '\f129';
 }
-.osf-icon-filter:before {
+.osf-icon-folder:before {
   content: '\f12a';
 }
-.osf-icon-eye-view:before {
+.osf-icon-first:before {
   content: '\f12b';
 }
-.osf-icon-eye-hidden:before {
+.osf-icon-filter:before {
   content: '\f12c';
 }
-.osf-icon-email:before {
+.osf-icon-eye-view:before {
   content: '\f12d';
 }
-.osf-icon-duplicate:before {
+.osf-icon-eye-hidden:before {
   content: '\f12e';
 }
-.osf-icon-download:before {
+.osf-icon-email:before {
   content: '\f12f';
 }
-.osf-icon-double-arrow-left:before {
+.osf-icon-duplicate:before {
   content: '\f130';
 }
-.osf-icon-dots:before {
+.osf-icon-download:before {
   content: '\f131';
 }
-.osf-icon-donate:before {
+.osf-icon-double-arrow-left:before {
   content: '\f132';
 }
-.osf-icon-doc:before {
+.osf-icon-dots:before {
   content: '\f133';
 }
-.osf-icon-diagram:before {
+.osf-icon-donate:before {
   content: '\f134';
 }
-.osf-icon-data:before {
+.osf-icon-doc:before {
   content: '\f135';
 }
-.osf-icon-customize:before {
+.osf-icon-diagram:before {
   content: '\f136';
 }
-.osf-icon-copy:before {
+.osf-icon-data:before {
   content: '\f137';
 }
-.osf-icon-contact:before {
+.osf-icon-customize:before {
   content: '\f138';
 }
-.osf-icon-collections:before {
+.osf-icon-cos-shield:before {
   content: '\f139';
 }
-.osf-icon-code:before {
+.osf-icon-copy:before {
   content: '\f13a';
 }
-.osf-icon-close:before {
+.osf-icon-contact:before {
   content: '\f13b';
 }
-.osf-icon-chevron-right:before {
+.osf-icon-collections:before {
   content: '\f13c';
 }
-.osf-icon-chevron-left:before {
+.osf-icon-code:before {
   content: '\f13d';
 }
-.osf-icon-calendar-silhouette:before {
+.osf-icon-close:before {
   content: '\f13e';
 }
-.osf-icon-bookmark:before {
+.osf-icon-chevron-right:before {
   content: '\f13f';
 }
-.osf-icon-bookmark-fill:before {
+.osf-icon-chevron-left:before {
   content: '\f140';
 }
-.osf-icon-arrow:before {
+.osf-icon-calendar-silhouette:before {
   content: '\f141';
 }
-.osf-icon-arrow-left:before {
+.osf-icon-bookmark:before {
   content: '\f142';
 }
-.osf-icon-arrow-down:before {
+.osf-icon-bookmark-fill:before {
   content: '\f143';
 }
-.osf-icon-accepted:before {
+.osf-icon-arrow:before {
   content: '\f144';
 }
+.osf-icon-arrow-left:before {
+  content: '\f145';
+}
+.osf-icon-arrow-down:before {
+  content: '\f146';
+}
+.osf-icon-accepted:before {
+  content: '\f147';
+}
diff --git a/src/assets/icons/dist/icons.eot b/src/assets/icons/dist/icons.eot
index c854344f9..3fd895de3 100644
Binary files a/src/assets/icons/dist/icons.eot and b/src/assets/icons/dist/icons.eot differ
diff --git a/src/assets/icons/dist/icons.html b/src/assets/icons/dist/icons.html
index 0f7b07e64..e287dc063 100644
--- a/src/assets/icons/dist/icons.html
+++ b/src/assets/icons/dist/icons.html
@@ -110,6 +110,14 @@ <h1>icons</h1>
       <span class="label">supplements</span>
     </div>
 
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-sort"></i>
+      </span>
+      <br />
+      <span class="label">sort</span>
+    </div>
+
     <div class="preview">
       <span class="inner">
         <i class="osf-icon osf-icon-sort-desc"></i>
@@ -326,6 +334,14 @@ <h1>icons</h1>
       <span class="label">institutions</span>
     </div>
 
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-institution"></i>
+      </span>
+      <br />
+      <span class="label">institution</span>
+    </div>
+
     <div class="preview">
       <span class="inner">
         <i class="osf-icon osf-icon-information"></i>
@@ -486,6 +502,14 @@ <h1>icons</h1>
       <span class="label">customize</span>
     </div>
 
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-cos-shield"></i>
+      </span>
+      <br />
+      <span class="label">cos-shield</span>
+    </div>
+
     <div class="preview">
       <span class="inner">
         <i class="osf-icon osf-icon-copy"></i>
diff --git a/src/assets/icons/dist/icons.json b/src/assets/icons/dist/icons.json
index 34e334f6b..acb91a04d 100644
--- a/src/assets/icons/dist/icons.json
+++ b/src/assets/icons/dist/icons.json
@@ -6,65 +6,68 @@
   "trash": 61701,
   "support": 61702,
   "supplements": 61703,
-  "sort-desc": 61704,
-  "sort-asc": 61705,
-  "sort-asc-grey": 61706,
-  "share": 61707,
-  "settings": 61708,
-  "search": 61709,
-  "search-2": 61710,
-  "rejected": 61711,
-  "registries": 61712,
-  "quotes": 61713,
-  "profile": 61714,
-  "preprints": 61715,
-  "plus": 61716,
-  "pending": 61717,
-  "pdf": 61718,
-  "papers": 61719,
-  "padlock": 61720,
-  "padlock-unlock": 61721,
-  "my-projects": 61722,
-  "minus": 61723,
-  "menu": 61724,
-  "meetings": 61725,
-  "materials": 61726,
-  "list": 61727,
-  "link": 61728,
-  "last": 61729,
-  "institutions": 61730,
-  "information": 61731,
-  "image": 61732,
-  "home": 61733,
-  "home-2": 61734,
-  "help": 61735,
-  "folder": 61736,
-  "first": 61737,
-  "filter": 61738,
-  "eye-view": 61739,
-  "eye-hidden": 61740,
-  "email": 61741,
-  "duplicate": 61742,
-  "download": 61743,
-  "double-arrow-left": 61744,
-  "dots": 61745,
-  "donate": 61746,
-  "doc": 61747,
-  "diagram": 61748,
-  "data": 61749,
-  "customize": 61750,
-  "copy": 61751,
-  "contact": 61752,
-  "collections": 61753,
-  "code": 61754,
-  "close": 61755,
-  "chevron-right": 61756,
-  "chevron-left": 61757,
-  "calendar-silhouette": 61758,
-  "bookmark": 61759,
-  "bookmark-fill": 61760,
-  "arrow": 61761,
-  "arrow-left": 61762,
-  "arrow-down": 61763,
-  "accepted": 61764
+  "sort": 61704,
+  "sort-desc": 61705,
+  "sort-asc": 61706,
+  "sort-asc-grey": 61707,
+  "share": 61708,
+  "settings": 61709,
+  "search": 61710,
+  "search-2": 61711,
+  "rejected": 61712,
+  "registries": 61713,
+  "quotes": 61714,
+  "profile": 61715,
+  "preprints": 61716,
+  "plus": 61717,
+  "pending": 61718,
+  "pdf": 61719,
+  "papers": 61720,
+  "padlock": 61721,
+  "padlock-unlock": 61722,
+  "my-projects": 61723,
+  "minus": 61724,
+  "menu": 61725,
+  "meetings": 61726,
+  "materials": 61727,
+  "list": 61728,
+  "link": 61729,
+  "last": 61730,
+  "institutions": 61731,
+  "institution": 61732,
+  "information": 61733,
+  "image": 61734,
+  "home": 61735,
+  "home-2": 61736,
+  "help": 61737,
+  "folder": 61738,
+  "first": 61739,
+  "filter": 61740,
+  "eye-view": 61741,
+  "eye-hidden": 61742,
+  "email": 61743,
+  "duplicate": 61744,
+  "download": 61745,
+  "double-arrow-left": 61746,
+  "dots": 61747,
+  "donate": 61748,
+  "doc": 61749,
+  "diagram": 61750,
+  "data": 61751,
+  "customize": 61752,
+  "cos-shield": 61753,
+  "copy": 61754,
+  "contact": 61755,
+  "collections": 61756,
+  "code": 61757,
+  "close": 61758,
+  "chevron-right": 61759,
+  "chevron-left": 61760,
+  "calendar-silhouette": 61761,
+  "bookmark": 61762,
+  "bookmark-fill": 61763,
+  "arrow": 61764,
+  "arrow-left": 61765,
+  "arrow-down": 61766,
+  "accepted": 61767
 }
diff --git a/src/assets/icons/dist/icons.ts b/src/assets/icons/dist/icons.ts
index 41e6ca0ae..ada611307 100644
--- a/src/assets/icons/dist/icons.ts
+++ b/src/assets/icons/dist/icons.ts
@@ -6,6 +6,7 @@ export type IconsId =
   | 'trash'
   | 'support'
   | 'supplements'
+  | 'sort'
   | 'sort-desc'
   | 'sort-asc'
   | 'sort-asc-grey'
@@ -33,6 +34,7 @@ export type IconsId =
   | 'link'
   | 'last'
   | 'institutions'
+  | 'institution'
   | 'information'
   | 'image'
   | 'home'
@@ -53,6 +55,7 @@ export type IconsId =
   | 'diagram'
   | 'data'
   | 'customize'
+  | 'cos-shield'
   | 'copy'
   | 'contact'
   | 'collections'
@@ -76,6 +79,7 @@ export type IconsKey =
   | 'Trash'
   | 'Support'
   | 'Supplements'
+  | 'Sort'
   | 'SortDesc'
   | 'SortAsc'
   | 'SortAscGrey'
@@ -103,6 +107,7 @@ export type IconsKey =
   | 'Link'
   | 'Last'
   | 'Institutions'
+  | 'Institution'
   | 'Information'
   | 'Image'
   | 'Home'
@@ -123,6 +128,7 @@ export type IconsKey =
   | 'Diagram'
   | 'Data'
   | 'Customize'
+  | 'CosShield'
   | 'Copy'
   | 'Contact'
   | 'Collections'
@@ -146,6 +152,7 @@ export enum Icons {
   Trash = 'trash',
   Support = 'support',
   Supplements = 'supplements',
+  Sort = 'sort',
   SortDesc = 'sort-desc',
   SortAsc = 'sort-asc',
   SortAscGrey = 'sort-asc-grey',
@@ -173,6 +180,7 @@ export enum Icons {
   Link = 'link',
   Last = 'last',
   Institutions = 'institutions',
+  Institution = 'institution',
   Information = 'information',
   Image = 'image',
   Home = 'home',
@@ -193,6 +201,7 @@ export enum Icons {
   Diagram = 'diagram',
   Data = 'data',
   Customize = 'customize',
+  CosShield = 'cos-shield',
   Copy = 'copy',
   Contact = 'contact',
   Collections = 'collections',
@@ -217,65 +226,68 @@ export const ICONS_CODEPOINTS: Record<Icons, string> = {
   [Icons.Trash]: '61701',
   [Icons.Support]: '61702',
   [Icons.Supplements]: '61703',
-  [Icons.SortDesc]: '61704',
-  [Icons.SortAsc]: '61705',
-  [Icons.SortAscGrey]: '61706',
-  [Icons.Share]: '61707',
-  [Icons.Settings]: '61708',
-  [Icons.Search]: '61709',
-  [Icons.Search2]: '61710',
-  [Icons.Rejected]: '61711',
-  [Icons.Registries]: '61712',
-  [Icons.Quotes]: '61713',
-  [Icons.Profile]: '61714',
-  [Icons.Preprints]: '61715',
-  [Icons.Plus]: '61716',
-  [Icons.Pending]: '61717',
-  [Icons.Pdf]: '61718',
-  [Icons.Papers]: '61719',
-  [Icons.Padlock]: '61720',
-  [Icons.PadlockUnlock]: '61721',
-  [Icons.MyProjects]: '61722',
-  [Icons.Minus]: '61723',
-  [Icons.Menu]: '61724',
-  [Icons.Meetings]: '61725',
-  [Icons.Materials]: '61726',
-  [Icons.List]: '61727',
-  [Icons.Link]: '61728',
-  [Icons.Last]: '61729',
-  [Icons.Institutions]: '61730',
-  [Icons.Information]: '61731',
-  [Icons.Image]: '61732',
-  [Icons.Home]: '61733',
-  [Icons.Home2]: '61734',
-  [Icons.Help]: '61735',
-  [Icons.Folder]: '61736',
-  [Icons.First]: '61737',
-  [Icons.Filter]: '61738',
-  [Icons.EyeView]: '61739',
-  [Icons.EyeHidden]: '61740',
-  [Icons.Email]: '61741',
-  [Icons.Duplicate]: '61742',
-  [Icons.Download]: '61743',
-  [Icons.DoubleArrowLeft]: '61744',
-  [Icons.Dots]: '61745',
-  [Icons.Donate]: '61746',
-  [Icons.Doc]: '61747',
-  [Icons.Diagram]: '61748',
-  [Icons.Data]: '61749',
-  [Icons.Customize]: '61750',
-  [Icons.Copy]: '61751',
-  [Icons.Contact]: '61752',
-  [Icons.Collections]: '61753',
-  [Icons.Code]: '61754',
-  [Icons.Close]: '61755',
-  [Icons.ChevronRight]: '61756',
-  [Icons.ChevronLeft]: '61757',
-  [Icons.CalendarSilhouette]: '61758',
-  [Icons.Bookmark]: '61759',
-  [Icons.BookmarkFill]: '61760',
-  [Icons.Arrow]: '61761',
-  [Icons.ArrowLeft]: '61762',
-  [Icons.ArrowDown]: '61763',
-  [Icons.Accepted]: '61764',
+  [Icons.Sort]: '61704',
+  [Icons.SortDesc]: '61705',
+  [Icons.SortAsc]: '61706',
+  [Icons.SortAscGrey]: '61707',
+  [Icons.Share]: '61708',
+  [Icons.Settings]: '61709',
+  [Icons.Search]: '61710',
+  [Icons.Search2]: '61711',
+  [Icons.Rejected]: '61712',
+  [Icons.Registries]: '61713',
+  [Icons.Quotes]: '61714',
+  [Icons.Profile]: '61715',
+  [Icons.Preprints]: '61716',
+  [Icons.Plus]: '61717',
+  [Icons.Pending]: '61718',
+  [Icons.Pdf]: '61719',
+  [Icons.Papers]: '61720',
+  [Icons.Padlock]: '61721',
+  [Icons.PadlockUnlock]: '61722',
+  [Icons.MyProjects]: '61723',
+  [Icons.Minus]: '61724',
+  [Icons.Menu]: '61725',
+  [Icons.Meetings]: '61726',
+  [Icons.Materials]: '61727',
+  [Icons.List]: '61728',
+  [Icons.Link]: '61729',
+  [Icons.Last]: '61730',
+  [Icons.Institutions]: '61731',
+  [Icons.Institution]: '61732',
+  [Icons.Information]: '61733',
+  [Icons.Image]: '61734',
+  [Icons.Home]: '61735',
+  [Icons.Home2]: '61736',
+  [Icons.Help]: '61737',
+  [Icons.Folder]: '61738',
+  [Icons.First]: '61739',
+  [Icons.Filter]: '61740',
+  [Icons.EyeView]: '61741',
+  [Icons.EyeHidden]: '61742',
+  [Icons.Email]: '61743',
+  [Icons.Duplicate]: '61744',
+  [Icons.Download]: '61745',
+  [Icons.DoubleArrowLeft]: '61746',
+  [Icons.Dots]: '61747',
+  [Icons.Donate]: '61748',
+  [Icons.Doc]: '61749',
+  [Icons.Diagram]: '61750',
+  [Icons.Data]: '61751',
+  [Icons.Customize]: '61752',
+  [Icons.CosShield]: '61753',
+  [Icons.Copy]: '61754',
+  [Icons.Contact]: '61755',
+  [Icons.Collections]: '61756',
+  [Icons.Code]: '61757',
+  [Icons.Close]: '61758',
+  [Icons.ChevronRight]: '61759',
+  [Icons.ChevronLeft]: '61760',
+  [Icons.CalendarSilhouette]: '61761',
+  [Icons.Bookmark]: '61762',
+  [Icons.BookmarkFill]: '61763',
+  [Icons.Arrow]: '61764',
+  [Icons.ArrowLeft]: '61765',
+  [Icons.ArrowDown]: '61766',
+  [Icons.Accepted]: '61767',
 };
diff --git a/src/assets/icons/dist/icons.woff b/src/assets/icons/dist/icons.woff
index f75e80439..cc86215c3 100644
Binary files a/src/assets/icons/dist/icons.woff and b/src/assets/icons/dist/icons.woff differ
diff --git a/src/assets/icons/dist/icons.woff2 b/src/assets/icons/dist/icons.woff2
index 84af7959b..f0452e57f 100644
Binary files a/src/assets/icons/dist/icons.woff2 and b/src/assets/icons/dist/icons.woff2 differ
diff --git a/src/assets/icons/source/cos-shield.svg b/src/assets/icons/source/cos-shield.svg
index 28fde1b59..c12b57c9a 100644
--- a/src/assets/icons/source/cos-shield.svg
+++ b/src/assets/icons/source/cos-shield.svg
@@ -1,9 +1,5 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="16" height="16" fill="url(#pattern0_8_31910)"/>
-<defs>
-<pattern id="pattern0_8_31910" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0_8_31910" transform="scale(0.004)"/>
-</pattern>
-<image id="image0_8_31910" width="250" height="250" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
-</defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <defs/>
+  <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z"/>
 </svg>
+
diff --git a/src/assets/icons/source/filter.svg b/src/assets/icons/source/filter.svg
index d0e579666..55f40e154 100644
--- a/src/assets/icons/source/filter.svg
+++ b/src/assets/icons/source/filter.svg
@@ -1,4 +1,6 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="44" height="44" rx="8" fill="#F1F8FD"/>
-<path d="M10.1826 12.5734C10.4919 11.9172 11.1482 11.5 11.8748 11.5H32.1248C32.8513 11.5 33.5076 11.9172 33.8169 12.5734C34.1263 13.2297 34.0326 14.0031 33.5732 14.5656L24.9998 25.0422V31C24.9998 31.5672 24.681 32.0875 24.1701 32.3406C23.6591 32.5938 23.0544 32.5422 22.5998 32.2L19.5998 29.95C19.2201 29.6688 18.9998 29.2234 18.9998 28.75V25.0422L10.4216 14.5609C9.96694 14.0031 9.86851 13.225 10.1826 12.5734Z" fill="#337AB7"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">
+  <defs/>
+  <path d="M8,0 L36,0 A8 8 0 0 1 44,8 L44,36 A8 8 0 0 1 36,44 L8,44 A8 8 0 0 1 0,36 L0,8 A8 8 0 0 1 8,0 Z"/>
+  <path d="M10.183,12.573 C10.492,11.917 11.148,11.5 11.875,11.5 L32.125,11.5 C32.851,11.5 33.508,11.917 33.817,12.573 C34.126,13.23 34.033,14.003 33.573,14.566 L25,25.042 L25,31 C25,31.567 24.681,32.087 24.17,32.341 C23.659,32.594 23.054,32.542 22.6,32.2 L19.6,29.95 C19.22,29.669 19,29.223 19,28.75 L19,25.042 L10.422,14.561 C9.967,14.003 9.869,13.225 10.183,12.573 Z"/>
 </svg>
+
diff --git a/src/assets/icons/source/institution.svg b/src/assets/icons/source/institution.svg
index 7da93f18d..d8f284ab2 100644
--- a/src/assets/icons/source/institution.svg
+++ b/src/assets/icons/source/institution.svg
@@ -1,20 +1,15 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_8_31948)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5984 14.1746V15.4774C15.5984 15.4966 15.5908 15.515 15.5771 15.5284C15.5637 15.5422 15.5452 15.5498 15.5261 15.5498H0.470823C0.451639 15.5498 0.433183 15.5422 0.419786 15.5284C0.406036 15.515 0.398438 15.4966 0.398438 15.4774C0.398438 15.2943 0.398438 14.3577 0.398438 14.1746C0.398438 14.1554 0.406036 14.1369 0.419786 14.1235C0.433183 14.1098 0.451639 14.1022 0.470823 14.1022H15.5261C15.5452 14.1022 15.5637 14.1098 15.5771 14.1235C15.5908 14.1369 15.5984 14.1554 15.5984 14.1746Z" fill="#DD8005"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.74289 13.3783H1.84766V13.0164C1.84766 12.8167 2.00979 12.6545 2.20956 12.6545H4.38099C4.58076 12.6545 4.74289 12.8167 4.74289 13.0164V13.3783Z" fill="#DD8005"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.44602 13.3783H6.55078V13.0164C6.55078 12.8167 6.71291 12.6545 6.91269 12.6545H9.08411C9.28389 12.6545 9.44602 12.8167 9.44602 13.0164V13.3783Z" fill="#DD8005"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1491 13.3783H11.2539V13.0164C11.2539 12.8167 11.416 12.6545 11.6158 12.6545H13.7872C13.987 12.6545 14.1491 12.8167 14.1491 13.0164V13.3783Z" fill="#DD8005"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.57031 11.9307H4.01793V8.31165H2.57031V11.9307Z" fill="#DD8005"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.27344 11.9307H8.72106V8.31165H7.27344V11.9307Z" fill="#DD8005"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9805 11.9307H13.4281V8.31165H11.9805V11.9307Z" fill="#DD8005"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.74289 7.22604C4.74289 7.42581 4.58076 7.58795 4.38099 7.58795H2.20956C2.00979 7.58795 1.84766 7.42581 1.84766 7.22604V6.86414H4.74289V7.22604Z" fill="#DD8005"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.44602 7.22604C9.44602 7.42581 9.28389 7.58795 9.08411 7.58795H6.91269C6.71291 7.58795 6.55078 7.42581 6.55078 7.22604V6.86414H9.44602V7.22604Z" fill="#DD8005"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1491 7.22604C14.1491 7.42581 13.987 7.58795 13.7872 7.58795H11.6158C11.416 7.58795 11.2539 7.42581 11.2539 7.22604V6.86414H14.1491V7.22604Z" fill="#DD8005"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5984 4.76034V5.77837C15.5984 5.97814 15.4363 6.14028 15.2365 6.14028H0.760342C0.56057 6.14028 0.398438 5.97814 0.398438 5.77837V4.76034C0.398438 4.62788 0.470823 4.50627 0.586988 4.44258L7.82508 0.494559C7.9333 0.43557 8.06358 0.43557 8.17179 0.494559L15.4099 4.44258C15.5261 4.50627 15.5984 4.62788 15.5984 4.76034Z" fill="#DD8005"/>
-</g>
-<defs>
-<clipPath id="clip0_8_31948">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <defs/>
+  <path clip-rule="evenodd" d="M15.598,14.175 L15.598,15.477 C15.598,15.497 15.591,15.515 15.577,15.528 C15.564,15.542 15.545,15.55 15.526,15.55 L0.471,15.55 C0.452,15.55 0.433,15.542 0.42,15.528 C0.406,15.515 0.398,15.497 0.398,15.477 L0.398,14.175 C0.398,14.155 0.406,14.137 0.42,14.123 C0.433,14.11 0.452,14.102 0.471,14.102 L15.526,14.102 C15.545,14.102 15.564,14.11 15.577,14.123 C15.591,14.137 15.598,14.155 15.598,14.175 Z"/>
+  <path clip-rule="evenodd" d="M4.743,13.378 L1.848,13.378 L1.848,13.016 C1.848,12.817 2.01,12.655 2.21,12.655 L4.381,12.655 C4.581,12.655 4.743,12.817 4.743,13.016 Z"/>
+  <path clip-rule="evenodd" d="M9.446,13.378 L6.551,13.378 L6.551,13.016 C6.551,12.817 6.713,12.655 6.913,12.655 L9.084,12.655 C9.284,12.655 9.446,12.817 9.446,13.016 Z"/>
+  <path clip-rule="evenodd" d="M14.149,13.378 L11.254,13.378 L11.254,13.016 C11.254,12.817 11.416,12.655 11.616,12.655 L13.787,12.655 C13.987,12.655 14.149,12.817 14.149,13.016 Z"/>
+  <path clip-rule="evenodd" d="M2.57,11.931 L2.57,8.312 L4.018,8.312 L4.018,11.931 Z"/>
+  <path clip-rule="evenodd" d="M7.273,11.931 L7.273,8.312 L8.721,8.312 L8.721,11.931 Z"/>
+  <path clip-rule="evenodd" d="M11.981,11.931 L11.981,8.312 L13.428,8.312 L13.428,11.931 Z"/>
+  <path clip-rule="evenodd" d="M4.743,7.226 C4.743,7.426 4.581,7.588 4.381,7.588 L2.21,7.588 C2.01,7.588 1.848,7.426 1.848,7.226 L1.848,6.864 L4.743,6.864 Z"/>
+  <path clip-rule="evenodd" d="M9.446,7.226 C9.446,7.426 9.284,7.588 9.084,7.588 L6.913,7.588 C6.713,7.588 6.551,7.426 6.551,7.226 L6.551,6.864 L9.446,6.864 Z"/>
+  <path clip-rule="evenodd" d="M14.149,7.226 C14.149,7.426 13.987,7.588 13.787,7.588 L11.616,7.588 C11.416,7.588 11.254,7.426 11.254,7.226 L11.254,6.864 L14.149,6.864 Z"/>
+  <path clip-rule="evenodd" d="M15.598,4.76 L15.598,5.778 C15.598,5.978 15.436,6.14 15.236,6.14 L0.76,6.14 C0.561,6.14 0.398,5.978 0.398,5.778 L0.398,4.76 C0.398,4.628 0.471,4.506 0.587,4.443 L7.825,0.495 C7.933,0.436 8.064,0.436 8.172,0.495 L15.41,4.443 C15.526,4.506 15.598,4.628 15.598,4.76 Z"/>
 </svg>
+
diff --git a/src/assets/icons/source/sort.svg b/src/assets/icons/source/sort.svg
index 31d57840e..a65f1144d 100644
--- a/src/assets/icons/source/sort.svg
+++ b/src/assets/icons/source/sort.svg
@@ -1,11 +1,6 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="44" height="44" rx="8" fill="#F1F8FD"/>
-<g clip-path="url(#clip0_52_11472)">
-<path d="M10 29.5C10 30.3297 10.6703 31 11.5 31H14.0641C14.6406 32.3266 15.9625 33.25 17.5 33.25C19.0375 33.25 20.3594 32.3266 20.9359 31H32.5C33.3297 31 34 30.3297 34 29.5C34 28.6703 33.3297 28 32.5 28H20.9359C20.3594 26.6734 19.0375 25.75 17.5 25.75C15.9625 25.75 14.6406 26.6734 14.0641 28H11.5C10.6703 28 10 28.6703 10 29.5ZM16 29.5C16 29.1022 16.158 28.7206 16.4393 28.4393C16.7206 28.158 17.1022 28 17.5 28C17.8978 28 18.2794 28.158 18.5607 28.4393C18.842 28.7206 19 29.1022 19 29.5C19 29.8978 18.842 30.2794 18.5607 30.5607C18.2794 30.842 17.8978 31 17.5 31C17.1022 31 16.7206 30.842 16.4393 30.5607C16.158 30.2794 16 29.8978 16 29.5ZM25 22C25 21.6022 25.158 21.2206 25.4393 20.9393C25.7206 20.658 26.1022 20.5 26.5 20.5C26.8978 20.5 27.2794 20.658 27.5607 20.9393C27.842 21.2206 28 21.6022 28 22C28 22.3978 27.842 22.7794 27.5607 23.0607C27.2794 23.342 26.8978 23.5 26.5 23.5C26.1022 23.5 25.7206 23.342 25.4393 23.0607C25.158 22.7794 25 22.3978 25 22ZM26.5 18.25C24.9625 18.25 23.6406 19.1734 23.0641 20.5H11.5C10.6703 20.5 10 21.1703 10 22C10 22.8297 10.6703 23.5 11.5 23.5H23.0641C23.6406 24.8266 24.9625 25.75 26.5 25.75C28.0375 25.75 29.3594 24.8266 29.9359 23.5H32.5C33.3297 23.5 34 22.8297 34 22C34 21.1703 33.3297 20.5 32.5 20.5H29.9359C29.3594 19.1734 28.0375 18.25 26.5 18.25ZM19 16C18.6022 16 18.2206 15.842 17.9393 15.5607C17.658 15.2794 17.5 14.8978 17.5 14.5C17.5 14.1022 17.658 13.7206 17.9393 13.4393C18.2206 13.158 18.6022 13 19 13C19.3978 13 19.7794 13.158 20.0607 13.4393C20.342 13.7206 20.5 14.1022 20.5 14.5C20.5 14.8978 20.342 15.2794 20.0607 15.5607C19.7794 15.842 19.3978 16 19 16ZM22.4359 13C21.8594 11.6734 20.5375 10.75 19 10.75C17.4625 10.75 16.1406 11.6734 15.5641 13H11.5C10.6703 13 10 13.6703 10 14.5C10 15.3297 10.6703 16 11.5 16H15.5641C16.1406 17.3266 17.4625 18.25 19 18.25C20.5375 18.25 21.8594 17.3266 22.4359 16H32.5C33.3297 16 34 15.3297 34 14.5C34 13.6703 33.3297 13 32.5 13H22.4359Z" fill="#337AB7"/>
-</g>
-<defs>
-<clipPath id="clip0_52_11472">
-<rect width="24" height="24" fill="white" transform="translate(10 10)"/>
-</clipPath>
-</defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">
+  <defs/>
+  <path d="M8,0 L36,0 A8 8 0 0 1 44,8 L44,36 A8 8 0 0 1 36,44 L8,44 A8 8 0 0 1 0,36 L0,8 A8 8 0 0 1 8,0 Z"/>
+  <path d="M10,29.5 C10,28.67 10.67,28 11.5,28 L14.064,28 C14.641,26.673 15.962,25.75 17.5,25.75 C19.038,25.75 20.359,26.673 20.936,28 L32.5,28 C33.33,28 34,28.67 34,29.5 C34,30.33 33.33,31 32.5,31 L20.936,31 C20.359,32.327 19.038,33.25 17.5,33.25 C15.962,33.25 14.641,32.327 14.064,31 L11.5,31 C10.67,31 10,30.33 10,29.5 Z M22.436,13 L32.5,13 C33.33,13 34,13.67 34,14.5 C34,15.33 33.33,16 32.5,16 L22.436,16 C21.859,17.327 20.538,18.25 19,18.25 C17.462,18.25 16.141,17.327 15.564,16 L11.5,16 C10.67,16 10,15.33 10,14.5 C10,13.67 10.67,13 11.5,13 L15.564,13 C16.141,11.673 17.462,10.75 19,10.75 C20.538,10.75 21.859,11.673 22.436,13 Z M26.5,18.25 C28.038,18.25 29.359,19.173 29.936,20.5 L32.5,20.5 C33.33,20.5 34,21.17 34,22 C34,22.83 33.33,23.5 32.5,23.5 L29.936,23.5 C29.359,24.827 28.038,25.75 26.5,25.75 C24.962,25.75 23.641,24.827 23.064,23.5 L11.5,23.5 C10.67,23.5 10,22.83 10,22 C10,21.17 10.67,20.5 11.5,20.5 L23.064,20.5 C23.641,19.173 24.962,18.25 26.5,18.25 Z M19,16 C19.398,16 19.779,15.842 20.061,15.561 C20.342,15.279 20.5,14.898 20.5,14.5 C20.5,14.102 20.342,13.721 20.061,13.439 C19.779,13.158 19.398,13 19,13 C18.602,13 18.221,13.158 17.939,13.439 C17.658,13.721 17.5,14.102 17.5,14.5 C17.5,14.898 17.658,15.279 17.939,15.561 C18.221,15.842 18.602,16 19,16 Z M16,29.5 C16,29.898 16.158,30.279 16.439,30.561 C16.721,30.842 17.102,31 17.5,31 C17.898,31 18.279,30.842 18.561,30.561 C18.842,30.279 19,29.898 19,29.5 C19,29.102 18.842,28.721 18.561,28.439 C18.279,28.158 17.898,28 17.5,28 C17.102,28 16.721,28.158 16.439,28.439 C16.158,28.721 16,29.102 16,29.5 Z M25,22 C25,22.398 25.158,22.779 25.439,23.061 C25.721,23.342 26.102,23.5 26.5,23.5 C26.898,23.5 27.279,23.342 27.561,23.061 C27.842,22.779 28,22.398 28,22 C28,21.602 27.842,21.221 27.561,20.939 C27.279,20.658 26.898,20.5 26.5,20.5 C26.102,20.5 25.721,20.658 25.439,20.939 C25.158,21.221 25,21.602 25,22 Z"/>
 </svg>
+
diff --git a/src/assets/styles/overrides/button.scss b/src/assets/styles/overrides/button.scss
index 1271cf45b..6d1d6ffa0 100644
--- a/src/assets/styles/overrides/button.scss
+++ b/src/assets/styles/overrides/button.scss
@@ -2,6 +2,7 @@
 @use "../mixins" as mix;
 
 .p-button {
+  flex: 1;
   border: none;
   padding: 0.7rem 1.15rem;
   font-size: 1rem;
@@ -101,7 +102,8 @@
 
 .btn-icon-text,
 .btn-icon-text-success,
-.form-btn {
+.form-btn,
+.btn-icon {
   .p-button {
     background-color: transparent;
     color: var.$pr-blue-1;
@@ -129,6 +131,22 @@
   }
 }
 
+.btn-icon {
+  .p-button {
+    background-color: transparent;
+    color: var.$dark-blue-1;
+    padding: 0.7rem;
+
+    &:hover {
+      color: var.$pr-blue-1;
+    }
+
+    &:disabled {
+      color: var.$grey-1;
+    }
+  }
+}
+
 .btn-icon-text-success {
   .p-button {
     color: var.$green-1;
@@ -235,6 +253,19 @@
   }
 }
 
+.overview-btn {
+  width: mix.rem(80px);
+}
+
+.bookmark-btn {
+  .p-button {
+    .p-button-icon {
+      height: mix.rem(21px);
+      width: mix.rem(21px);
+    }
+  }
+}
+
 .bg-primary-blue-second.p-button {
   background-color: var.$pr-blue-2;
 }
diff --git a/src/assets/styles/overrides/menu.scss b/src/assets/styles/overrides/menu.scss
index 2ae6d2fb7..592159e4a 100644
--- a/src/assets/styles/overrides/menu.scss
+++ b/src/assets/styles/overrides/menu.scss
@@ -1,17 +1,15 @@
 @use "../variables" as var;
-
-.p-menu-overlay {
-  top: 2rem !important;
-  left: 0 !important;
-}
+@use "../mixins" as mix;
 
 .p-menu-item-content {
   a {
     color: var.$dark-blue-2;
   }
+
   a:hover {
     text-decoration: none;
   }
+
   &:hover {
     text-decoration: none;
     background: var.$bg-blue-3;
@@ -19,6 +17,6 @@
 }
 
 .p-menu {
-  min-width: 7rem;
-  width: 100%;
+  margin-top: mix.rem(7px);
+  min-width: fit-content;
 }
diff --git a/src/assets/styles/overrides/tag.scss b/src/assets/styles/overrides/tag.scss
index 1a71b2be9..f03a55361 100644
--- a/src/assets/styles/overrides/tag.scss
+++ b/src/assets/styles/overrides/tag.scss
@@ -15,3 +15,9 @@
   background: var.$grey-1;
   color: var.$white;
 }
+
+.p-tag-info {
+  color: var.$dark-blue-1;
+  background: var.$bg-blue-3;
+  font-weight: normal;
+}
diff --git a/src/assets/styles/overrides/toggleswitch.scss b/src/assets/styles/overrides/toggleswitch.scss
new file mode 100644
index 000000000..ddea518d6
--- /dev/null
+++ b/src/assets/styles/overrides/toggleswitch.scss
@@ -0,0 +1,19 @@
+@use "assets/styles/variables" as var;
+
+.p-toggleswitch {
+  scale: 1.2;
+
+  .p-toggleswitch-handle {
+    scale: 1.15;
+  }
+}
+
+.p-toggleswitch:not(.p-disabled) .p-toggleswitch-slider,
+.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {
+  background: var.$grey-1;
+}
+
+.p-toggleswitch:not(.p-disabled).p-toggleswitch-checked .p-toggleswitch-slider,
+.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {
+  background: var.$pr-blue-1;
+}
diff --git a/src/assets/styles/overrides/tooltip.scss b/src/assets/styles/overrides/tooltip.scss
index 0a37ad1d0..18e532846 100644
--- a/src/assets/styles/overrides/tooltip.scss
+++ b/src/assets/styles/overrides/tooltip.scss
@@ -13,3 +13,13 @@
   border-right-color: var.$white;
   border: 1px solid var.$grey-3;
 }
+
+.p-tooltip.p-tooltip-bottom {
+  .p-tooltip-text {
+    min-width: auto;
+  }
+
+  .p-tooltip-arrow {
+    border: none;
+  }
+}
diff --git a/src/assets/styles/styles.scss b/src/assets/styles/styles.scss
index 322830410..1f70a9e46 100644
--- a/src/assets/styles/styles.scss
+++ b/src/assets/styles/styles.scss
@@ -33,5 +33,6 @@
 @use "./overrides/menu";
 @use "./overrides/spinner";
 @use "./overrides/password";
+@use "./overrides/toggleswitch";
 @use "./overrides/tooltip";
 @use "./overrides/toast";