diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index f7da47400..cda500037 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -2,8 +2,7 @@ import { provideStates } from '@ngxs/store';
 
 import { Routes } from '@angular/router';
 
-import { CollectionsState } from '@osf/features/collections/store/collections';
-import { ProjectsState } from '@shared/stores';
+import { BookmarksState, ProjectsState } from '@shared/stores';
 
 import { MyProfileResourceFiltersOptionsState } from './features/my-profile/components/filters/store';
 import { MyProfileResourceFiltersState } from './features/my-profile/components/my-profile-resource-filters/store';
@@ -74,7 +73,7 @@ export const routes: Routes = [
         path: 'my-projects',
         loadComponent: () =>
           import('./features/my-projects/my-projects.component').then((mod) => mod.MyProjectsComponent),
-        providers: [provideStates([CollectionsState])],
+        providers: [provideStates([BookmarksState])],
       },
       {
         path: 'my-projects/:id',
diff --git a/src/app/features/collections/components/add-to-collection/add-to-collection-confirmation-dialog/add-to-collection-confirmation-dialog.component.spec.ts b/src/app/features/collections/components/add-to-collection/add-to-collection-confirmation-dialog/add-to-collection-confirmation-dialog.component.spec.ts
new file mode 100644
index 000000000..4f2a45dbb
--- /dev/null
+++ b/src/app/features/collections/components/add-to-collection/add-to-collection-confirmation-dialog/add-to-collection-confirmation-dialog.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AddToCollectionConfirmationDialogComponent } from './add-to-collection-confirmation-dialog.component';
+
+describe('AddToCollectionConfirmationDialogComponent', () => {
+  let component: AddToCollectionConfirmationDialogComponent;
+  let fixture: ComponentFixture<AddToCollectionConfirmationDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AddToCollectionConfirmationDialogComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(AddToCollectionConfirmationDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/collections/components/add-to-collection/add-to-collection.component.scss b/src/app/features/collections/components/add-to-collection/add-to-collection.component.scss
index 5c7d2b40e..4aca50a66 100644
--- a/src/app/features/collections/components/add-to-collection/add-to-collection.component.scss
+++ b/src/app/features/collections/components/add-to-collection/add-to-collection.component.scss
@@ -1,4 +1,3 @@
-@use "assets/styles/variables" as var;
 @use "assets/styles/mixins" as mix;
 
 :host {
diff --git a/src/app/features/collections/components/add-to-collection/collection-metadata-step/collection-metadata-step.component.spec.ts b/src/app/features/collections/components/add-to-collection/collection-metadata-step/collection-metadata-step.component.spec.ts
new file mode 100644
index 000000000..255f463c6
--- /dev/null
+++ b/src/app/features/collections/components/add-to-collection/collection-metadata-step/collection-metadata-step.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CollectionMetadataStepComponent } from './collection-metadata-step.component';
+
+describe('CollectionMetadataStepComponent', () => {
+  let component: CollectionMetadataStepComponent;
+  let fixture: ComponentFixture<CollectionMetadataStepComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [CollectionMetadataStepComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(CollectionMetadataStepComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.html b/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.html
index 1bfc64fbd..39ed90188 100644
--- a/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.html
+++ b/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.html
@@ -35,7 +35,7 @@ <h3>{{ 'collections.addToCollection.projectContributors' | translate }}</h3>
           class="w-full"
           [contributors]="projectContributors()"
           [isLoading]="isContributorsLoading()"
-          [showCuratorColumn]="true"
+          [showCuratorColumn]="false"
           (remove)="handleRemoveContributor($event)"
         ></osf-contributors-list>
 
@@ -43,12 +43,12 @@ <h3>{{ 'collections.addToCollection.projectContributors' | translate }}</h3>
           <p-button
             [label]="'registries.metadata.addContributors' | translate"
             severity="secondary"
+            [disabled]="isContributorsLoading()"
             (click)="handleAddContributor()"
           />
           <p-button
-            [loading]="isContributorsSubmitting()"
+            [disabled]="isContributorsLoading() || !projectContributors().length"
             (click)="handleSaveContributors()"
-            [disabled]="!projectContributors().length"
             [label]="'common.buttons.saveAndContinue' | translate"
           />
         </div>
diff --git a/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.spec.ts b/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.spec.ts
new file mode 100644
index 000000000..96f871095
--- /dev/null
+++ b/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProjectContributorsStepComponent } from './project-contributors-step.component';
+
+describe('ProjectContributorsStepComponent', () => {
+  let component: ProjectContributorsStepComponent;
+  let fixture: ComponentFixture<ProjectContributorsStepComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ProjectContributorsStepComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ProjectContributorsStepComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.ts b/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.ts
index 3a25ee8f3..c80199e13 100644
--- a/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.ts
+++ b/src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.ts
@@ -42,7 +42,6 @@ export class ProjectContributorsStepComponent {
 
   protected readonly projectContributors = select(ContributorsSelectors.getContributors);
   protected readonly isContributorsLoading = select(ContributorsSelectors.isContributorsLoading);
-  protected readonly isContributorsSubmitting = select(ContributorsSelectors.isContributorsSubmitting);
   protected readonly selectedProject = select(ProjectsSelectors.getSelectedProject);
 
   private initialContributors = signal<ContributorModel[]>([]);
diff --git a/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.html b/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.html
index 53059b808..0f571c820 100644
--- a/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.html
+++ b/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.html
@@ -52,18 +52,10 @@ <h3>{{ 'collections.addToCollection.projectMetadata' | translate }}</h3>
     <ng-template class="m-0" #content>
       <p class="pt-3">{{ 'collections.addToCollection.projectMetadataMessage' | translate }}</p>
       <form [formGroup]="projectMetadataForm" class="flex flex-column gap-4 mt-4">
-        <div class="flex flex-column gap-1">
-          <label for="title">
-            {{ 'collections.addToCollection.form.title' | translate }}
-          </label>
-          <input pInputText id="title" type="text" [formControlName]="ProjectMetadataFormControls.Title" />
-          @let titleControl = projectMetadataForm.controls[ProjectMetadataFormControls.Title];
-          @if (titleControl.errors?.['required'] && (titleControl.touched || titleControl.dirty)) {
-            <p-message class="simple-variant flex mt-1" severity="error" variant="simple" size="small">
-              {{ 'collections.addToCollection.form.fieldRequired' | translate }}
-            </p-message>
-          }
-        </div>
+        <osf-text-input
+          label="collections.addToCollection.form.title"
+          [control]="projectMetadataForm.controls[ProjectMetadataFormControls.Title]"
+        />
 
         <div class="flex flex-column gap-1">
           <label for="description">
diff --git a/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.spec.ts b/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.spec.ts
new file mode 100644
index 000000000..ae1509914
--- /dev/null
+++ b/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProjectMetadataStepComponent } from './project-metadata-step.component';
+
+describe('ProjectMetadataStepComponent', () => {
+  let component: ProjectMetadataStepComponent;
+  let fixture: ComponentFixture<ProjectMetadataStepComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ProjectMetadataStepComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ProjectMetadataStepComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.ts b/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.ts
index 4dec2442d..cc859693d 100644
--- a/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.ts
+++ b/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.ts
@@ -7,7 +7,6 @@ import { Card } from 'primeng/card';
 import { Chip } from 'primeng/chip';
 import { DatePicker } from 'primeng/datepicker';
 import { Divider } from 'primeng/divider';
-import { InputText } from 'primeng/inputtext';
 import { Message } from 'primeng/message';
 import { Select, SelectChangeEvent } from 'primeng/select';
 import { Step, StepItem, StepPanel } from 'primeng/stepper';
@@ -49,7 +48,6 @@ import { ProjectsSelectors } from '@shared/stores/projects/projects.selectors';
   imports: [
     Button,
     TranslatePipe,
-    InputText,
     ReactiveFormsModule,
     Textarea,
     FormsModule,
diff --git a/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.html b/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.html
index d6fa5095a..3f163dddc 100644
--- a/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.html
+++ b/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.html
@@ -21,7 +21,7 @@ <h3>{{ 'collections.addToCollection.selectProject' | translate }}</h3>
 
   <p-step-panel [value]="targetStepValue()" class="p-0">
     <ng-template class="m-0" #content>
-      <div class="mt-4 w-full md:w-6">
+      <div class="mt-4 w-full lg:w-6">
         <p-select
           class="w-full"
           [loading]="isProjectsLoading()"
diff --git a/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.spec.ts b/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.spec.ts
new file mode 100644
index 000000000..edc438597
--- /dev/null
+++ b/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SelectProjectStepComponent } from './select-project-step.component';
+
+describe('SelectProjectStepComponent', () => {
+  let component: SelectProjectStepComponent;
+  let fixture: ComponentFixture<SelectProjectStepComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [SelectProjectStepComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(SelectProjectStepComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.ts b/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.ts
index f8cfde76e..300db8df2 100644
--- a/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.ts
+++ b/src/app/features/collections/components/add-to-collection/select-project-step/select-project-step.component.ts
@@ -25,6 +25,7 @@ import { UserSelectors } from '@core/store/user';
 import { AddToCollectionSteps } from '@osf/features/collections/enums';
 import { CollectionsSelectors, GetUserCollectionSubmissions } from '@osf/features/collections/store/collections';
 import { GetProjects, SetSelectedProject } from '@osf/shared/stores';
+import { CustomOption } from '@shared/models';
 import { Project } from '@shared/models/projects';
 import { ProjectsSelectors } from '@shared/stores/projects/projects.selectors';
 
@@ -55,7 +56,7 @@ export class SelectProjectStepComponent {
   stepChange = output<number>();
   projectSelected = output<void>();
 
-  protected projectsOptions = signal<{ label: string; value: Project }[]>([]);
+  protected projectsOptions = signal<CustomOption<Project>[]>([]);
 
   protected filterMessage = computed(() => {
     const isLoading = this.isProjectsLoading() || this.isSubmissionsLoading();
diff --git a/src/app/features/collections/components/collections-discover/collections-discover.component.scss b/src/app/features/collections/components/collections-discover/collections-discover.component.scss
index 5c7d2b40e..4aca50a66 100644
--- a/src/app/features/collections/components/collections-discover/collections-discover.component.scss
+++ b/src/app/features/collections/components/collections-discover/collections-discover.component.scss
@@ -1,4 +1,3 @@
-@use "assets/styles/variables" as var;
 @use "assets/styles/mixins" as mix;
 
 :host {
diff --git a/src/app/features/collections/mappers/collections.mapper.ts b/src/app/features/collections/mappers/collections.mapper.ts
index 62f54bb5d..e75bcdc9b 100644
--- a/src/app/features/collections/mappers/collections.mapper.ts
+++ b/src/app/features/collections/mappers/collections.mapper.ts
@@ -7,7 +7,10 @@ import {
   CollectionProviderResponseJsonApi,
   CollectionSubmission,
   CollectionSubmissionJsonApi,
+  CollectionSubmissionPayload,
 } from '@osf/features/collections/models';
+import { CollectionSubmissionPayloadJsonApi } from '@osf/features/collections/models/collection-submission-payload-json-api.model';
+import { convertToSnakeCase } from '@shared/utils';
 
 export class CollectionsMapper {
   static fromGetCollectionContributorsResponse(response: CollectionContributorJsonApi[]): CollectionContributor[] {
@@ -127,4 +130,33 @@ export class CollectionsMapper {
       contributors: [] as CollectionContributor[],
     }));
   }
+
+  static toCollectionSubmissionRequest(payload: CollectionSubmissionPayload): CollectionSubmissionPayloadJsonApi {
+    const collectionId = payload.collectionId;
+    const collectionsMetadata = convertToSnakeCase(payload.collectionMetadata);
+
+    return {
+      data: {
+        type: 'collection-submissions',
+        attributes: {
+          guid: payload.projectId,
+          ...collectionsMetadata,
+        },
+        relationships: {
+          collection: {
+            data: {
+              id: collectionId,
+              type: 'collections',
+            },
+          },
+          creator: {
+            data: {
+              type: 'users',
+              id: payload.userId,
+            },
+          },
+        },
+      },
+    };
+  }
 }
diff --git a/src/app/features/collections/services/add-to-collection.service.ts b/src/app/features/collections/services/add-to-collection.service.ts
index b6e640e83..714c743ad 100644
--- a/src/app/features/collections/services/add-to-collection.service.ts
+++ b/src/app/features/collections/services/add-to-collection.service.ts
@@ -3,11 +3,10 @@ import { map, Observable } from 'rxjs';
 import { inject, Injectable } from '@angular/core';
 
 import { JsonApiService } from '@core/services';
+import { CollectionsMapper } from '@osf/features/collections/mappers';
 import { CollectionSubmissionPayload } from '@osf/features/collections/models';
-import { CollectionSubmissionPayloadJsonApi } from '@osf/features/collections/models/collection-submission-payload-json-api.model';
 import { LicensesMapper } from '@shared/mappers';
 import { License, LicensesResponseJsonApi } from '@shared/models';
-import { convertToSnakeCase } from '@shared/utils';
 
 import { environment } from 'src/environments/environment';
 
@@ -29,32 +28,7 @@ export class AddToCollectionService {
 
   createCollectionSubmission(payload: CollectionSubmissionPayload): Observable<void> {
     const collectionId = payload.collectionId;
-
-    const collectionsMetadata = convertToSnakeCase(payload.collectionMetadata);
-
-    const metadata: CollectionSubmissionPayloadJsonApi = {
-      data: {
-        type: 'collection-submissions',
-        attributes: {
-          guid: payload.projectId,
-          ...collectionsMetadata,
-        },
-        relationships: {
-          collection: {
-            data: {
-              id: collectionId,
-              type: 'collections',
-            },
-          },
-          creator: {
-            data: {
-              type: 'users',
-              id: payload.userId,
-            },
-          },
-        },
-      },
-    };
+    const metadata = CollectionsMapper.toCollectionSubmissionRequest(payload);
 
     return this.jsonApiService.post(`${this.apiUrl}/collections/${collectionId}/collection_submissions/`, metadata);
   }
diff --git a/src/app/features/collections/services/collections.service.ts b/src/app/features/collections/services/collections.service.ts
index 75b138d29..1f7c2ac2b 100644
--- a/src/app/features/collections/services/collections.service.ts
+++ b/src/app/features/collections/services/collections.service.ts
@@ -19,7 +19,6 @@ import {
   CollectionSubmissionJsonApi,
   CollectionSubmissionsPayloadJsonApi,
   ContributorsResponseJsonApi,
-  SparseCollectionsResponseJsonApi,
 } from '../models';
 
 import { environment } from 'src/environments/environment';
@@ -33,49 +32,6 @@ export class CollectionsService {
     setTotalSubmissions: SetTotalSubmissions,
   });
 
-  getBookmarksCollectionId(): Observable<string> {
-    const params: Record<string, unknown> = {
-      'fields[collections]': 'title,bookmarks',
-    };
-
-    return this.jsonApiService.get<SparseCollectionsResponseJsonApi>(environment.apiUrl + '/collections/', params).pipe(
-      map((response: SparseCollectionsResponseJsonApi) => {
-        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);
-  }
-
   getCollectionProvider(collectionName: string): Observable<CollectionProvider> {
     const url = `${environment.apiUrl}/providers/collections/${collectionName}/`;
 
@@ -167,34 +123,6 @@ export class CollectionsService {
     );
   }
 
-  addRegistrationToBookmarks(bookmarksId: string, registryId: string): Observable<void> {
-    const url = `${environment.apiUrl}/collections/${bookmarksId}/relationships/linked_registrations/`;
-    const payload = {
-      data: [
-        {
-          type: 'linked_registrations',
-          id: registryId,
-        },
-      ],
-    };
-
-    return this.jsonApiService.post<void>(url, payload);
-  }
-
-  removeRegistrationFromBookmarks(bookmarksId: string, registryId: string): Observable<void> {
-    const url = `${environment.apiUrl}/collections/${bookmarksId}/relationships/linked_registrations/`;
-    const payload = {
-      data: [
-        {
-          type: 'linked_registrations',
-          id: registryId,
-        },
-      ],
-    };
-
-    return this.jsonApiService.delete(url, payload);
-  }
-
   private fetchUserCollectionSubmissionsByStatus(
     providerId: string,
     projectIds: string[],
diff --git a/src/app/features/collections/store/collections/collections.actions.ts b/src/app/features/collections/store/collections/collections.actions.ts
index 595a39783..665b9ccd1 100644
--- a/src/app/features/collections/store/collections/collections.actions.ts
+++ b/src/app/features/collections/store/collections/collections.actions.ts
@@ -1,5 +1,4 @@
 import { CollectionsFilters } from '@osf/features/collections/models';
-import { ResourceType } from '@shared/enums';
 
 export class GetCollectionProvider {
   static readonly type = '[Collections] Get Collection Provider';
@@ -13,30 +12,6 @@ export class GetCollectionDetails {
   constructor(public collectionId: string) {}
 }
 
-export class GetBookmarksCollectionId {
-  static readonly type = '[Collections] Get Bookmarks Collection Id';
-}
-
-export class AddResourceToBookmarks {
-  static readonly type = '[Collections] Add Resource To Bookmarks';
-
-  constructor(
-    public bookmarksId: string,
-    public resourceId: string,
-    public resourceType: ResourceType
-  ) {}
-}
-
-export class RemoveResourceFromBookmarks {
-  static readonly type = '[Collections] Remove Resource From Bookmarks';
-
-  constructor(
-    public bookmarksId: string,
-    public resourceId: string,
-    public resourceType: ResourceType
-  ) {}
-}
-
 export class ClearCollections {
   static readonly type = '[Collections] Clear Collections';
 }
diff --git a/src/app/features/collections/store/collections/collections.model.ts b/src/app/features/collections/store/collections/collections.model.ts
index 6e8d97fe8..e0b0b64b4 100644
--- a/src/app/features/collections/store/collections/collections.model.ts
+++ b/src/app/features/collections/store/collections/collections.model.ts
@@ -7,7 +7,6 @@ import {
 import { AsyncStateModel } from '@shared/models/store';
 
 export interface CollectionsStateModel {
-  bookmarksId: AsyncStateModel<string>;
   currentFilters: CollectionsFilters;
   filtersOptions: CollectionsFilters;
   collectionProvider: AsyncStateModel<CollectionProvider | null>;
diff --git a/src/app/features/collections/store/collections/collections.selectors.ts b/src/app/features/collections/store/collections/collections.selectors.ts
index 36627c908..f312e9f6b 100644
--- a/src/app/features/collections/store/collections/collections.selectors.ts
+++ b/src/app/features/collections/store/collections/collections.selectors.ts
@@ -6,21 +6,6 @@ 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;
-  }
-
   @Selector([CollectionsState])
   static getAllSelectedFilters(state: CollectionsStateModel): CollectionsFilters {
     return state.currentFilters;
diff --git a/src/app/features/collections/store/collections/collections.state.ts b/src/app/features/collections/store/collections/collections.state.ts
index f9512b956..ba669284f 100644
--- a/src/app/features/collections/store/collections/collections.state.ts
+++ b/src/app/features/collections/store/collections/collections.state.ts
@@ -1,21 +1,17 @@
 import { Action, State, StateContext } from '@ngxs/store';
 
-import { catchError, EMPTY, tap, throwError } from 'rxjs';
+import { catchError, tap, throwError } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
 
 import { CollectionsService } from '@osf/features/collections/services';
-import { ResourceType } from '@shared/enums';
 
 import {
-  AddResourceToBookmarks,
   ClearCollections,
   ClearCollectionSubmissions,
-  GetBookmarksCollectionId,
   GetCollectionDetails,
   GetCollectionProvider,
   GetUserCollectionSubmissions,
-  RemoveResourceFromBookmarks,
   SearchCollectionSubmissions,
   SetAllFilters,
   SetCollectedTypeFilters,
@@ -50,12 +46,6 @@ const FILTERS_DEFAULTS = {
 };
 
 const COLLECTIONS_DEFAULTS: CollectionsStateModel = {
-  bookmarksId: {
-    data: '',
-    isLoading: false,
-    isSubmitting: false,
-    error: null,
-  },
   currentFilters: FILTERS_DEFAULTS,
   filtersOptions: FILTERS_DEFAULTS,
   collectionProvider: {
@@ -151,110 +141,6 @@ export class CollectionsState {
     );
   }
 
-  @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(AddResourceToBookmarks)
-  addResourceToBookmarks(ctx: StateContext<CollectionsStateModel>, action: AddResourceToBookmarks) {
-    const state = ctx.getState();
-    ctx.patchState({
-      bookmarksId: {
-        ...state.bookmarksId,
-        isSubmitting: true,
-      },
-    });
-
-    switch (action.resourceType) {
-      case ResourceType.Project:
-        return this.collectionsService.addProjectToBookmarks(action.bookmarksId, action.resourceId).pipe(
-          tap(() => {
-            ctx.patchState({
-              bookmarksId: {
-                ...state.bookmarksId,
-                isSubmitting: false,
-              },
-            });
-          }),
-          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
-        );
-      case ResourceType.Registration:
-        return this.collectionsService.addRegistrationToBookmarks(action.bookmarksId, action.resourceId).pipe(
-          tap(() => {
-            ctx.patchState({
-              bookmarksId: {
-                ...state.bookmarksId,
-                isSubmitting: false,
-              },
-            });
-          }),
-          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
-        );
-      default:
-        return EMPTY;
-    }
-  }
-
-  @Action(RemoveResourceFromBookmarks)
-  removeResourceFromBookmarks(ctx: StateContext<CollectionsStateModel>, action: RemoveResourceFromBookmarks) {
-    const state = ctx.getState();
-    ctx.patchState({
-      bookmarksId: {
-        ...state.bookmarksId,
-        isSubmitting: true,
-      },
-    });
-
-    switch (action.resourceType) {
-      case ResourceType.Project:
-        return this.collectionsService.removeProjectFromBookmarks(action.bookmarksId, action.resourceId).pipe(
-          tap(() => {
-            ctx.patchState({
-              bookmarksId: {
-                ...state.bookmarksId,
-                isSubmitting: false,
-              },
-            });
-          }),
-          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
-        );
-      case ResourceType.Registration:
-        return this.collectionsService.removeRegistrationFromBookmarks(action.bookmarksId, action.resourceId).pipe(
-          tap(() => {
-            ctx.patchState({
-              bookmarksId: {
-                ...state.bookmarksId,
-                isSubmitting: false,
-              },
-            });
-          }),
-          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
-        );
-      default:
-        return EMPTY;
-    }
-  }
-
   @Action(ClearCollections)
   clearCollections(ctx: StateContext<CollectionsStateModel>) {
     ctx.patchState(COLLECTIONS_DEFAULTS);
diff --git a/src/app/features/my-projects/my-projects.component.ts b/src/app/features/my-projects/my-projects.component.ts
index 77afbdbee..fd8214b7f 100644
--- a/src/app/features/my-projects/my-projects.component.ts
+++ b/src/app/features/my-projects/my-projects.component.ts
@@ -1,4 +1,4 @@
-import { Store } from '@ngxs/store';
+import { createDispatchMap, select } from '@ngxs/store';
 
 import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 
@@ -31,9 +31,9 @@ import { MyProjectsTableComponent, SubHeaderComponent } from '@osf/shared/compon
 import { ResourceType, SortOrder } from '@osf/shared/enums';
 import { QueryParams, TableParameters, TabOption } from '@osf/shared/models';
 import { IS_XSMALL } from '@osf/shared/utils';
+import { BookmarksSelectors, GetBookmarksCollectionId } from '@shared/stores';
 
-import { CollectionsSelectors, GetBookmarksCollectionId } from '../collections/store/collections';
-
+import { MyProjectsTabOptions } from './utils/my-projects-tab-options.const';
 import { MyProjectsItem, MyProjectsSearchFilters } from './models';
 import {
   ClearMyProjects,
@@ -66,7 +66,6 @@ import {
 export class MyProjectsComponent implements OnInit {
   readonly #destroyRef = inject(DestroyRef);
   readonly #dialogService = inject(DialogService);
-  readonly #store = inject(Store);
   readonly #router = inject(Router);
   readonly #route = inject(ActivatedRoute);
   readonly #translateService = inject(TranslateService);
@@ -74,24 +73,7 @@ export class MyProjectsComponent implements OnInit {
   protected readonly defaultTabValue = 0;
   protected readonly isLoading = signal(false);
   protected readonly isMobile = toSignal(inject(IS_XSMALL));
-  protected readonly tabOptions: TabOption[] = [
-    {
-      label: 'myProjects.tabs.myProjects',
-      value: 0,
-    },
-    {
-      label: 'myProjects.tabs.myRegistrations',
-      value: 1,
-    },
-    {
-      label: 'myProjects.tabs.myPreprints',
-      value: 2,
-    },
-    {
-      label: 'myProjects.tabs.bookmarks',
-      value: 3,
-    },
-  ];
+  protected readonly tabOptions: TabOption[] = MyProjectsTabOptions;
 
   protected readonly searchControl = new FormControl<string>('');
 
@@ -107,16 +89,25 @@ export class MyProjectsComponent implements OnInit {
     firstRowIndex: 0,
   });
 
-  protected readonly projects = this.#store.selectSignal(MyProjectsSelectors.getProjects);
-  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.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(CollectionsSelectors.getBookmarksCollectionId);
+  protected readonly projects = select(MyProjectsSelectors.getProjects);
+  protected readonly registrations = select(MyProjectsSelectors.getRegistrations);
+  protected readonly preprints = select(MyProjectsSelectors.getPreprints);
+  protected readonly bookmarks = select(MyProjectsSelectors.getBookmarks);
+  protected readonly totalProjectsCount = select(MyProjectsSelectors.getTotalProjects);
+  protected readonly totalRegistrationsCount = select(MyProjectsSelectors.getTotalRegistrations);
+  protected readonly totalPreprintsCount = select(MyProjectsSelectors.getTotalPreprints);
+  protected readonly totalBookmarksCount = select(MyProjectsSelectors.getTotalBookmarks);
+
+  protected readonly bookmarksCollectionId = select(BookmarksSelectors.getBookmarksCollectionId);
+
+  protected readonly actions = createDispatchMap({
+    getBookmarksCollectionId: GetBookmarksCollectionId,
+    clearMyProjects: ClearMyProjects,
+    getMyProjects: GetMyProjects,
+    getMyRegistrations: GetMyRegistrations,
+    getMyPreprints: GetMyPreprints,
+    getMyBookmarks: GetMyBookmarks,
+  });
 
   constructor() {
     this.#setupQueryParamsEffect();
@@ -126,12 +117,12 @@ export class MyProjectsComponent implements OnInit {
   }
 
   ngOnInit(): void {
-    this.#store.dispatch(new GetBookmarksCollectionId());
+    this.actions.getBookmarksCollectionId();
   }
 
   #setupCleanup(): void {
     this.#destroyRef.onDestroy(() => {
-      this.#store.dispatch(new ClearMyProjects());
+      this.actions.clearMyProjects();
     });
   }
 
@@ -218,18 +209,22 @@ export class MyProjectsComponent implements OnInit {
     let action$;
     switch (this.selectedTab()) {
       case 0:
-        action$ = this.#store.dispatch(new GetMyProjects(pageNumber, pageSize, filters));
+        action$ = this.actions.getMyProjects(pageNumber, pageSize, filters);
         break;
       case 1:
-        action$ = this.#store.dispatch(new GetMyRegistrations(pageNumber, pageSize, filters));
+        action$ = this.actions.getMyRegistrations(pageNumber, pageSize, filters);
         break;
       case 2:
-        action$ = this.#store.dispatch(new GetMyPreprints(pageNumber, pageSize, filters));
+        action$ = this.actions.getMyPreprints(pageNumber, pageSize, filters);
         break;
       case 3:
         if (this.bookmarksCollectionId()) {
-          action$ = this.#store.dispatch(
-            new GetMyBookmarks(this.bookmarksCollectionId(), pageNumber, pageSize, filters, ResourceType.Null)
+          action$ = this.actions.getMyBookmarks(
+            this.bookmarksCollectionId(),
+            pageNumber,
+            pageSize,
+            filters,
+            ResourceType.Null
           );
         }
         break;
@@ -320,7 +315,7 @@ export class MyProjectsComponent implements OnInit {
   }
 
   protected onTabChange(tabIndex: number): void {
-    this.#store.dispatch(new ClearMyProjects());
+    this.actions.clearMyProjects();
     this.selectedTab.set(tabIndex);
     const currentParams = this.queryParams() || {};
 
diff --git a/src/app/features/my-projects/utils/my-projects-tab-options.const.ts b/src/app/features/my-projects/utils/my-projects-tab-options.const.ts
new file mode 100644
index 000000000..491fb9e59
--- /dev/null
+++ b/src/app/features/my-projects/utils/my-projects-tab-options.const.ts
@@ -0,0 +1,18 @@
+export const MyProjectsTabOptions = [
+  {
+    label: 'myProjects.tabs.myProjects',
+    value: 0,
+  },
+  {
+    label: 'myProjects.tabs.myRegistrations',
+    value: 1,
+  },
+  {
+    label: 'myProjects.tabs.myPreprints',
+    value: 2,
+  },
+  {
+    label: 'myProjects.tabs.bookmarks',
+    value: 3,
+  },
+];
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
index aef5f3fb8..a09b20184 100644
--- 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
@@ -16,11 +16,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormsModule } from '@angular/forms';
 import { RouterLink } from '@angular/router';
 
-import {
-  AddResourceToBookmarks,
-  CollectionsSelectors,
-  RemoveResourceFromBookmarks,
-} from '@osf/features/collections/store/collections';
 import { GetMyBookmarks, MyProjectsSelectors } from '@osf/features/my-projects/store';
 import { DuplicateDialogComponent, TogglePublicityDialogComponent } from '@osf/features/project/overview/components';
 import { IconComponent } from '@osf/shared/components';
@@ -28,6 +23,7 @@ import { ToastService } from '@osf/shared/services';
 import { ResourceType } from '@shared/enums';
 import { ToolbarResource } from '@shared/models';
 import { FileSizePipe } from '@shared/pipes';
+import { AddResourceToBookmarks, BookmarksSelectors, RemoveResourceFromBookmarks } from '@shared/stores';
 
 import { SOCIAL_ACTION_ITEMS } from '../../constants';
 import { ForkDialogComponent } from '../fork-dialog/fork-dialog.component';
@@ -63,8 +59,8 @@ export class OverviewToolbarComponent {
   visibilityToggle = input<boolean>(true);
   showViewOnlyLinks = input<boolean>(true);
   protected isBookmarksLoading = select(MyProjectsSelectors.getBookmarksLoading);
-  protected isBookmarksSubmitting = select(CollectionsSelectors.getBookmarksCollectionIdSubmitting);
-  protected bookmarksCollectionId = select(CollectionsSelectors.getBookmarksCollectionId);
+  protected isBookmarksSubmitting = select(BookmarksSelectors.getBookmarksCollectionIdSubmitting);
+  protected bookmarksCollectionId = select(BookmarksSelectors.getBookmarksCollectionId);
   protected bookmarkedProjects = select(MyProjectsSelectors.getBookmarks);
   protected readonly socialsActionItems = SOCIAL_ACTION_ITEMS;
   protected readonly forkActionItems = [
diff --git a/src/app/features/project/overview/project-overview.component.ts b/src/app/features/project/overview/project-overview.component.ts
index 6a5691d67..fdfed3824 100644
--- a/src/app/features/project/overview/project-overview.component.ts
+++ b/src/app/features/project/overview/project-overview.component.ts
@@ -9,10 +9,11 @@ import { ChangeDetectionStrategy, Component, computed, DestroyRef, HostBinding,
 import { FormsModule } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 
-import { ClearCollections, GetBookmarksCollectionId } from '@osf/features/collections/store/collections';
+import { ClearCollections } from '@osf/features/collections/store/collections';
 import { LoadingSpinnerComponent, ResourceMetadataComponent, SubHeaderComponent } from '@shared/components';
 import { ResourceType } from '@shared/enums';
 import { MapProjectOverview } from '@shared/mappers/resource-overview.mappers';
+import { GetBookmarksCollectionId } from '@shared/stores';
 
 import { ClearWiki, GetHomeWiki } from '../wiki/store';
 
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.ts b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
index 487e5e0d1..51ca490db 100644
--- a/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
@@ -5,7 +5,6 @@ import { DialogService } from 'primeng/dynamicdialog';
 import { ChangeDetectionStrategy, Component, computed, HostBinding, inject, signal } from '@angular/core';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
-import { GetBookmarksCollectionId } from '@osf/features/collections/store/collections';
 import { OverviewToolbarComponent } from '@osf/features/project/overview/components';
 import {
   DataResourcesComponent,
@@ -16,6 +15,7 @@ import {
 import { ResourceType } from '@osf/shared/enums';
 import { MapRegistryOverview } from '@osf/shared/mappers';
 import { ToolbarResource } from '@osf/shared/models';
+import { GetBookmarksCollectionId } from '@shared/stores';
 
 import { RegistryRevisionsComponent, RegistryStatusesComponent } from '../../components';
 import { MapViewSchemaBlock } from '../../mappers';
diff --git a/src/app/shared/mappers/projects/projects.mapper.ts b/src/app/shared/mappers/projects/projects.mapper.ts
index ea2aeac1f..74a9d7d14 100644
--- a/src/app/shared/mappers/projects/projects.mapper.ts
+++ b/src/app/shared/mappers/projects/projects.mapper.ts
@@ -1,3 +1,5 @@
+import { CollectionSubmissionMetadataPayloadJsonApi } from '@osf/features/collections/models';
+import { ProjectMetadataUpdatePayload } from '@shared/models';
 import { Project, ProjectJsonApi, ProjectsResponseJsonApi } from '@shared/models/projects';
 
 export class ProjectsMapper {
@@ -38,4 +40,32 @@ export class ProjectsMapper {
       tags: project.attributes.tags || [],
     };
   }
+
+  static toUpdateProjectRequest(metadata: ProjectMetadataUpdatePayload): CollectionSubmissionMetadataPayloadJsonApi {
+    return {
+      data: {
+        type: 'nodes',
+        id: metadata.id,
+        relationships: {
+          license: {
+            data: {
+              id: metadata.licenseId,
+              type: 'licenses',
+            },
+          },
+        },
+        attributes: {
+          title: metadata.title,
+          description: metadata.description,
+          tags: metadata.tags,
+          ...(metadata.licenseOptions && {
+            node_license: {
+              copyright_holders: [metadata.licenseOptions.copyrightHolders],
+              year: metadata.licenseOptions.year,
+            },
+          }),
+        },
+      },
+    };
+  }
 }
diff --git a/src/app/shared/services/bookmarks.service.ts b/src/app/shared/services/bookmarks.service.ts
new file mode 100644
index 000000000..968d96a19
--- /dev/null
+++ b/src/app/shared/services/bookmarks.service.ts
@@ -0,0 +1,86 @@
+import { map, Observable } from 'rxjs';
+
+import { inject, Injectable } from '@angular/core';
+
+import { JsonApiService } from '@core/services';
+import { SparseCollectionsResponseJsonApi } from '@osf/features/collections/models';
+
+import { environment } from 'src/environments/environment';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class BookmarksService {
+  private jsonApiService = inject(JsonApiService);
+
+  getBookmarksCollectionId(): Observable<string> {
+    const params: Record<string, unknown> = {
+      'fields[collections]': 'title,bookmarks',
+    };
+
+    return this.jsonApiService.get<SparseCollectionsResponseJsonApi>(environment.apiUrl + '/collections/', params).pipe(
+      map((response: SparseCollectionsResponseJsonApi) => {
+        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);
+  }
+
+  addRegistrationToBookmarks(bookmarksId: string, registryId: string): Observable<void> {
+    const url = `${environment.apiUrl}/collections/${bookmarksId}/relationships/linked_registrations/`;
+    const payload = {
+      data: [
+        {
+          type: 'linked_registrations',
+          id: registryId,
+        },
+      ],
+    };
+
+    return this.jsonApiService.post<void>(url, payload);
+  }
+
+  removeRegistrationFromBookmarks(bookmarksId: string, registryId: string): Observable<void> {
+    const url = `${environment.apiUrl}/collections/${bookmarksId}/relationships/linked_registrations/`;
+    const payload = {
+      data: [
+        {
+          type: 'linked_registrations',
+          id: registryId,
+        },
+      ],
+    };
+
+    return this.jsonApiService.delete(url, payload);
+  }
+}
diff --git a/src/app/shared/services/index.ts b/src/app/shared/services/index.ts
index 0bcf7434b..cd9230ebd 100644
--- a/src/app/shared/services/index.ts
+++ b/src/app/shared/services/index.ts
@@ -1,4 +1,5 @@
 export * from './addons';
+export { BookmarksService } from './bookmarks.service';
 export { BrandService } from './brand.service';
 export { ContributorsService } from './contributors.service';
 export { CustomConfirmationService } from './custom-confirmation.service';
diff --git a/src/app/shared/services/projects.service.ts b/src/app/shared/services/projects.service.ts
index 1f616a04a..ef9d8289d 100644
--- a/src/app/shared/services/projects.service.ts
+++ b/src/app/shared/services/projects.service.ts
@@ -3,7 +3,6 @@ import { map, Observable } from 'rxjs';
 import { inject, Injectable } from '@angular/core';
 
 import { JsonApiService } from '@core/services';
-import { CollectionSubmissionMetadataPayloadJsonApi } from '@osf/features/collections/models';
 import { ProjectsMapper } from '@shared/mappers/projects';
 import { ProjectMetadataUpdatePayload } from '@shared/models';
 import { Project, ProjectJsonApi, ProjectsResponseJsonApi } from '@shared/models/projects';
@@ -23,31 +22,7 @@ export class ProjectsService {
   }
 
   updateProjectMetadata(metadata: ProjectMetadataUpdatePayload): Observable<Project> {
-    const payload: CollectionSubmissionMetadataPayloadJsonApi = {
-      data: {
-        type: 'nodes',
-        id: metadata.id,
-        relationships: {
-          license: {
-            data: {
-              id: metadata.licenseId,
-              type: 'licenses',
-            },
-          },
-        },
-        attributes: {
-          title: metadata.title,
-          description: metadata.description,
-          tags: metadata.tags,
-          ...(metadata.licenseOptions && {
-            node_license: {
-              copyright_holders: [metadata.licenseOptions.copyrightHolders],
-              year: metadata.licenseOptions.year,
-            },
-          }),
-        },
-      },
-    };
+    const payload = ProjectsMapper.toUpdateProjectRequest(metadata);
 
     return this.jsonApiService
       .patch<ProjectJsonApi>(`${environment.apiUrl}/nodes/${metadata.id}/`, payload)
diff --git a/src/app/shared/stores/bookmarks/bookmarks.actions.ts b/src/app/shared/stores/bookmarks/bookmarks.actions.ts
new file mode 100644
index 000000000..129015edb
--- /dev/null
+++ b/src/app/shared/stores/bookmarks/bookmarks.actions.ts
@@ -0,0 +1,25 @@
+import { ResourceType } from '@shared/enums';
+
+export class GetBookmarksCollectionId {
+  static readonly type = '[Bookmarks] Get Bookmarks Collection Id';
+}
+
+export class AddResourceToBookmarks {
+  static readonly type = '[Bookmarks] Add Resource To Bookmarks';
+
+  constructor(
+    public bookmarksId: string,
+    public resourceId: string,
+    public resourceType: ResourceType
+  ) {}
+}
+
+export class RemoveResourceFromBookmarks {
+  static readonly type = '[Bookmarks] Remove Resource From Bookmarks';
+
+  constructor(
+    public bookmarksId: string,
+    public resourceId: string,
+    public resourceType: ResourceType
+  ) {}
+}
diff --git a/src/app/shared/stores/bookmarks/bookmarks.model.ts b/src/app/shared/stores/bookmarks/bookmarks.model.ts
new file mode 100644
index 000000000..fb832bb89
--- /dev/null
+++ b/src/app/shared/stores/bookmarks/bookmarks.model.ts
@@ -0,0 +1,5 @@
+import { AsyncStateModel } from '@shared/models/store';
+
+export interface BookmarksStateModel {
+  bookmarksId: AsyncStateModel<string>;
+}
diff --git a/src/app/shared/stores/bookmarks/bookmarks.selectors.ts b/src/app/shared/stores/bookmarks/bookmarks.selectors.ts
new file mode 100644
index 000000000..d040c90f1
--- /dev/null
+++ b/src/app/shared/stores/bookmarks/bookmarks.selectors.ts
@@ -0,0 +1,26 @@
+import { Selector } from '@ngxs/store';
+
+import { BookmarksStateModel } from './bookmarks.model';
+import { BookmarksState } from './bookmarks.state';
+
+export class BookmarksSelectors {
+  @Selector([BookmarksState])
+  static getBookmarksCollectionId(state: BookmarksStateModel) {
+    return state.bookmarksId.data;
+  }
+
+  @Selector([BookmarksState])
+  static getBookmarksCollectionIdLoading(state: BookmarksStateModel) {
+    return state.bookmarksId.isLoading;
+  }
+
+  @Selector([BookmarksState])
+  static getBookmarksCollectionIdSubmitting(state: BookmarksStateModel) {
+    return state.bookmarksId.isSubmitting;
+  }
+
+  @Selector([BookmarksState])
+  static getBookmarksError(state: BookmarksStateModel) {
+    return state.bookmarksId.error;
+  }
+}
diff --git a/src/app/shared/stores/bookmarks/bookmarks.state.ts b/src/app/shared/stores/bookmarks/bookmarks.state.ts
new file mode 100644
index 000000000..c5936b3df
--- /dev/null
+++ b/src/app/shared/stores/bookmarks/bookmarks.state.ts
@@ -0,0 +1,135 @@
+import { Action, State, StateContext } from '@ngxs/store';
+
+import { catchError, EMPTY, tap } from 'rxjs';
+
+import { inject, Injectable } from '@angular/core';
+
+import { handleSectionError } from '@core/handlers';
+import { ResourceType } from '@shared/enums';
+import { BookmarksService } from '@shared/services';
+
+import { AddResourceToBookmarks, GetBookmarksCollectionId, RemoveResourceFromBookmarks } from './bookmarks.actions';
+import { BookmarksStateModel } from './bookmarks.model';
+
+const BOOKMARKS_DEFAULTS: BookmarksStateModel = {
+  bookmarksId: {
+    data: '',
+    isLoading: false,
+    isSubmitting: false,
+    error: null,
+  },
+};
+
+@State<BookmarksStateModel>({
+  name: 'bookmarks',
+  defaults: BOOKMARKS_DEFAULTS,
+})
+@Injectable()
+export class BookmarksState {
+  bookmarksService = inject(BookmarksService);
+
+  @Action(GetBookmarksCollectionId)
+  getBookmarksCollectionId(ctx: StateContext<BookmarksStateModel>) {
+    const state = ctx.getState();
+    ctx.patchState({
+      bookmarksId: {
+        ...state.bookmarksId,
+        isLoading: true,
+      },
+    });
+
+    return this.bookmarksService.getBookmarksCollectionId().pipe(
+      tap((res) => {
+        ctx.patchState({
+          bookmarksId: {
+            data: res,
+            isLoading: false,
+            isSubmitting: false,
+            error: null,
+          },
+        });
+      }),
+      catchError((error) => handleSectionError(ctx, 'bookmarksId', error))
+    );
+  }
+
+  @Action(AddResourceToBookmarks)
+  addResourceToBookmarks(ctx: StateContext<BookmarksStateModel>, action: AddResourceToBookmarks) {
+    const state = ctx.getState();
+    ctx.patchState({
+      bookmarksId: {
+        ...state.bookmarksId,
+        isSubmitting: true,
+      },
+    });
+
+    switch (action.resourceType) {
+      case ResourceType.Project:
+        return this.bookmarksService.addProjectToBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => handleSectionError(ctx, 'bookmarksId', error))
+        );
+      case ResourceType.Registration:
+        return this.bookmarksService.addRegistrationToBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => handleSectionError(ctx, 'bookmarksId', error))
+        );
+      default:
+        return EMPTY;
+    }
+  }
+
+  @Action(RemoveResourceFromBookmarks)
+  removeResourceFromBookmarks(ctx: StateContext<BookmarksStateModel>, action: RemoveResourceFromBookmarks) {
+    const state = ctx.getState();
+    ctx.patchState({
+      bookmarksId: {
+        ...state.bookmarksId,
+        isSubmitting: true,
+      },
+    });
+
+    switch (action.resourceType) {
+      case ResourceType.Project:
+        return this.bookmarksService.removeProjectFromBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => handleSectionError(ctx, 'bookmarksId', error))
+        );
+      case ResourceType.Registration:
+        return this.bookmarksService.removeRegistrationFromBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => handleSectionError(ctx, 'bookmarksId', error))
+        );
+      default:
+        return EMPTY;
+    }
+  }
+}
diff --git a/src/app/shared/stores/bookmarks/index.ts b/src/app/shared/stores/bookmarks/index.ts
new file mode 100644
index 000000000..5a71820c8
--- /dev/null
+++ b/src/app/shared/stores/bookmarks/index.ts
@@ -0,0 +1,4 @@
+export * from './bookmarks.actions';
+export * from './bookmarks.model';
+export * from './bookmarks.selectors';
+export * from './bookmarks.state';
diff --git a/src/app/shared/stores/contributors/contributors.selectors.ts b/src/app/shared/stores/contributors/contributors.selectors.ts
index cd5cfadd4..9f087b89b 100644
--- a/src/app/shared/stores/contributors/contributors.selectors.ts
+++ b/src/app/shared/stores/contributors/contributors.selectors.ts
@@ -33,11 +33,6 @@ export class ContributorsSelectors {
     return state?.contributorsList?.isLoading || false;
   }
 
-  @Selector([ContributorsState])
-  static isContributorsSubmitting(state: ContributorsStateModel) {
-    return state?.contributorsList?.isSubmitting || false;
-  }
-
   @Selector([ContributorsState])
   static isContributorsError(state: ContributorsStateModel) {
     return !!state?.contributorsList?.error?.length;
diff --git a/src/app/shared/stores/contributors/contributors.state.ts b/src/app/shared/stores/contributors/contributors.state.ts
index 3dbf79b64..f57b60e03 100644
--- a/src/app/shared/stores/contributors/contributors.state.ts
+++ b/src/app/shared/stores/contributors/contributors.state.ts
@@ -73,7 +73,7 @@ export class ContributorsState {
     const state = ctx.getState();
 
     ctx.patchState({
-      contributorsList: { ...state.contributorsList, isSubmitting: true, error: null },
+      contributorsList: { ...state.contributorsList, isLoading: true, error: null },
     });
 
     if (!action.resourceId || !action.resourceType) {
@@ -88,7 +88,7 @@ export class ContributorsState {
           contributorsList: {
             ...currentState.contributorsList,
             data: [...currentState.contributorsList.data, contributor],
-            isSubmitting: false,
+            isLoading: false,
           },
         });
       }),
@@ -101,7 +101,7 @@ export class ContributorsState {
     const state = ctx.getState();
 
     ctx.patchState({
-      contributorsList: { ...state.contributorsList, isSubmitting: true, error: null },
+      contributorsList: { ...state.contributorsList, isLoading: true, error: null },
     });
 
     if (!action.resourceId || !action.resourceType) {
@@ -118,7 +118,7 @@ export class ContributorsState {
             data: currentState.contributorsList.data.map((contributor) =>
               contributor.id === updatedContributor.id ? updatedContributor : contributor
             ),
-            isSubmitting: false,
+            isLoading: false,
           },
         });
       }),
@@ -131,7 +131,7 @@ export class ContributorsState {
     const state = ctx.getState();
 
     ctx.patchState({
-      contributorsList: { ...state.contributorsList, isSubmitting: true, error: null },
+      contributorsList: { ...state.contributorsList, isLoading: true, error: null },
     });
 
     if (!action.resourceId || !action.resourceType) {
@@ -146,7 +146,7 @@ export class ContributorsState {
             contributorsList: {
               ...state.contributorsList,
               data: state.contributorsList.data.filter((contributor) => contributor.userId !== action.contributorId),
-              isSubmitting: false,
+              isLoading: false,
             },
           });
         }),
diff --git a/src/app/shared/stores/index.ts b/src/app/shared/stores/index.ts
index 72f9aa373..c1cd0cb36 100644
--- a/src/app/shared/stores/index.ts
+++ b/src/app/shared/stores/index.ts
@@ -1,4 +1,5 @@
 export * from './addons';
+export * from './bookmarks';
 export * from './contributors';
 export * from './institutions';
 export * from './institutions-search';
diff --git a/src/app/shared/stores/projects/projects.state.ts b/src/app/shared/stores/projects/projects.state.ts
index 91e20e834..3b26b683d 100644
--- a/src/app/shared/stores/projects/projects.state.ts
+++ b/src/app/shared/stores/projects/projects.state.ts
@@ -1,11 +1,10 @@
 import { Action, State, StateContext } from '@ngxs/store';
 
-import { catchError, tap, throwError } from 'rxjs';
+import { catchError, tap } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
 
 import { handleSectionError } from '@core/handlers';
-import { ProjectOverviewService } from '@osf/features/project/overview/services';
 import { ProjectsService } from '@shared/services/projects.service';
 import { GetProjects, ProjectsStateModel, SetSelectedProject, UpdateProjectMetadata } from '@shared/stores';
 
@@ -28,7 +27,6 @@ import { GetProjects, ProjectsStateModel, SetSelectedProject, UpdateProjectMetad
 @Injectable()
 export class ProjectsState {
   private readonly projectsService = inject(ProjectsService);
-  private readonly projectOverviewService = inject(ProjectOverviewService);
 
   @Action(GetProjects)
   getProjects(ctx: StateContext<ProjectsStateModel>, action: GetProjects) {
@@ -53,16 +51,7 @@ export class ProjectsState {
           });
         },
       }),
-      catchError((error) => {
-        ctx.patchState({
-          projects: {
-            ...ctx.getState().projects,
-            isLoading: false,
-            error,
-          },
-        });
-        return throwError(() => error);
-      })
+      catchError((error) => handleSectionError(ctx, 'projects', error))
     );
   }
 
diff --git a/src/assets/styles/components/collections.scss b/src/assets/styles/components/collections.scss
index d988edb82..ebfdebd5c 100644
--- a/src/assets/styles/components/collections.scss
+++ b/src/assets/styles/components/collections.scss
@@ -1,4 +1,3 @@
-@use "assets/styles/variables" as var;
 @use "assets/styles/mixins" as mix;
 
 .collections-content {
@@ -26,7 +25,7 @@
   }
 
   .content-container {
-    background: var.$white;
+    background: var(--white);
     padding: mix.rem(28px);
   }
 }