diff --git a/app/javascript/scss/elements/_warning.scss b/app/javascript/scss/elements/_warning.scss
index 76d3ee302..7ae989071 100644
--- a/app/javascript/scss/elements/_warning.scss
+++ b/app/javascript/scss/elements/_warning.scss
@@ -27,7 +27,6 @@
   &--orange,
   &--warning {
     background: $orange;
-    font-size: $font-size-small;
   }
 
   p {
diff --git a/app/javascript/scss/utilities/_text.scss b/app/javascript/scss/utilities/_text.scss
index 3be3c6fee..58145f754 100644
--- a/app/javascript/scss/utilities/_text.scss
+++ b/app/javascript/scss/utilities/_text.scss
@@ -28,6 +28,12 @@
   }
 }
 
+.text-truncate {
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+}
+
 .text-small {
   font-size: $font-size-small;
   line-height: 1.35em;
diff --git a/app/javascript/src/components/editor/Editor.svelte b/app/javascript/src/components/editor/Editor.svelte
index 6d054054c..b3bbe34cc 100644
--- a/app/javascript/src/components/editor/Editor.svelte
+++ b/app/javascript/src/components/editor/Editor.svelte
@@ -20,6 +20,7 @@
   import Bugsnag from "@components/Bugsnag.svelte"
   import EyeIcon from "@components/icon/Eye.svelte"
   import Logs from "@components/editor/Logs.svelte"
+  import { fetchProject } from "@src/utils/project"
 
   export let bugsnagApiKey = ""
   export let _isSignedIn = false
@@ -60,6 +61,12 @@
     loading = false
   })
 
+  $: if ($currentProjectUUID && !$projects.some(({ uuid }) => uuid === $currentProjectUUID)) {
+    fetchProject($currentProjectUUID).then((currentProject) => {
+      $projects.push(currentProject)
+    })
+  }
+
   function parseKeywords() {
     const { events, values, actions, constants, heroes, maps } = data
 
@@ -196,6 +203,7 @@
         if (!data) throw Error("No projects data was returned.")
 
         return JSON.parse(data)
+          .map((project) => ({ ... project, is_owner: true }))
       })
       .catch(error => {
         alert(`Something went wrong while loading, please try again. ${error}`)
diff --git a/app/javascript/src/components/editor/EditorActions.svelte b/app/javascript/src/components/editor/EditorActions.svelte
index 22b536473..262250a1f 100644
--- a/app/javascript/src/components/editor/EditorActions.svelte
+++ b/app/javascript/src/components/editor/EditorActions.svelte
@@ -17,8 +17,8 @@
 
 <div class="editor__actions" transition:fly={{ y: -10, duration: 200 }}>
   {#if $currentProjectUUID && !$currentProject?.is_owner && !$isMobile}
-    <div class="warning warning--orange ml-1/8 br-1 align-self-center">
-      You do not own this project and can not save
+    <div class="warning text-small ml-1/8 br-1 align-self-center">
+      You do not own this project
     </div>
   {/if}
 
@@ -68,7 +68,7 @@
     </div>
   {/if}
 
-  {#if $isSignedIn && $currentProject?.is_owner}
+  {#if $isSignedIn}
     <Save />
   {/if}
 </div>
diff --git a/app/javascript/src/components/editor/Modals/CreateProjectModal.svelte b/app/javascript/src/components/editor/Modals/CreateProjectModal.svelte
index 0cde56fb7..06377440d 100644
--- a/app/javascript/src/components/editor/Modals/CreateProjectModal.svelte
+++ b/app/javascript/src/components/editor/Modals/CreateProjectModal.svelte
@@ -13,9 +13,9 @@
     loading = true
 
     const data = await createProject(value)
-    if (data != "error") {
+    if (data) {
       modal.close()
-      if (data) setUrl(data.uuid)
+      setUrl(data.uuid)
     }
 
     loading = false
@@ -47,7 +47,7 @@
 
 <Modal flush>
   {#if !$isSignedIn}
-    <div class="warning warning--orange">
+    <div class="warning warning--orange text-small">
       You are not signed in and this is for demonstration purposes only. Any changes you make will not be saved.
     </div>
   {/if}
diff --git a/app/javascript/src/components/editor/ProjectsDropdown.svelte b/app/javascript/src/components/editor/ProjectsDropdown.svelte
index 0206b9b84..30bdc8bac 100644
--- a/app/javascript/src/components/editor/ProjectsDropdown.svelte
+++ b/app/javascript/src/components/editor/ProjectsDropdown.svelte
@@ -1,6 +1,6 @@
 <script>
   import SearchObjects from "@components/editor/SearchObjects.svelte"
-  import { projects, currentProject, isSignedIn, isMobile, modal } from "@stores/editor"
+  import { projects, currentProject, isSignedIn, isMobile, modal, currentProjectUUID } from "@stores/editor"
   import { getSaveContent } from "@utils/editor"
   import { createProject, destroyCurrentProject, fetchProject, setUrl } from "@utils/project"
   import { escapeable } from "@components/actions/escapeable"
@@ -12,8 +12,10 @@
   let loading = false
   let active = false
   let showProjectSettings = false
-  let filteredProjects = $projects
+  let ownProjects = []
+  let filteredProjects = []
 
+  $: ownProjects = $projects.filter(({ is_owner }) => is_owner)
   $: limit = $isMobile ? 5 : 25
 
   onMount(() => {
@@ -21,7 +23,7 @@
     const uuid = urlParams.get("uuid")
 
     if (uuid) getProject(uuid)
-    else if ($projects.length) getProject($projects[0].uuid)
+    else if (ownProjects.length) getProject(ownProjects[0].uuid)
   })
 
   async function getProject(uuid) {
@@ -52,7 +54,8 @@
     loading = true
 
     const content = getSaveContent()
-    const data = await createProject($currentProject.title + " (Copy)", content)
+
+    const data = await createProject(`${$currentProject.title} (Copy)`, content)
     if (data) {
       setUrl(data.uuid)
       await fetchProject(data.uuid)
@@ -63,39 +66,41 @@
   }
 </script>
 
-<div class="dropdown" use:outsideClick on:outsideClick={() => active = false}>
+<div class="dropdown" style:max-width="200px" use:outsideClick on:outsideClick={() => active = false}>
   <button class="form-select pt-1/8 pb-1/8 pl-1/4 text-left" on:click|stopPropagation={() => active = !active} style:min-width="{$isMobile ? 75 : 200}px" disabled={loading}>
     {#if loading}
       Loading...
+    {:else if $currentProject}
+      <span class="w-100 text-truncate nowrap">{$currentProject.title}</span>
     {:else}
-      {$currentProject?.title.substring(0, limit).trim() || "Select a project..."}{#if $currentProject?.title.length > limit}...{/if}
+      Select a project...
     {/if}
   </button>
 
   {#if active}
     <div transition:fly={{ duration: 150, y: 20 }} use:escapeable on:escape={() => active = false} class="dropdown__content dropdown__content--left block w-100" style:min-width="200px">
       <div class="pl-1/8 pr-1/8">
-        <SearchObjects objects={$projects} bind:filteredObjects={filteredProjects} />
+        <SearchObjects objects={ownProjects} bind:filteredObjects={filteredProjects} />
       </div>
 
       <hr />
 
       {#each filteredProjects as project (project.uuid)}
-        <button class="dropdown__item" animate:flip={{ duration: 100 }} on:click={() => getProject(project.uuid)}>
+        <button class="dropdown__item text-truncate" animate:flip={{ duration: 100 }} on:click={() => getProject(project.uuid)}>
           {project.title}
         </button>
       {/each}
 
-      {#if $projects?.length && !filteredProjects.length}
+      {#if ownProjects?.length && !filteredProjects.length}
         <em class="block text-dark text-small pl-1/8 pr-1/8">No projects match your search.</em>
       {/if}
 
-      {#if $projects?.length}
+      {#if ownProjects?.length}
         <hr />
       {/if}
 
       <div class="p-1/4">
-        {#if !$projects?.length}
+        {#if !ownProjects?.length}
           <em class="text-small block mb-1/4">Create a new project to get started.</em>
         {/if}
         <button class="button button--small w-100" on:click={() => {
@@ -109,26 +114,28 @@
   {/if}
 </div>
 
-{#if $isSignedIn && $currentProject?.is_owner && !loading}
-  <div class="dropdown" use:outsideClick on:outsideClick={() => showProjectSettings = false}>
-    <button class="w-auto text-base ml-1/8" on:click|stopPropagation={() => showProjectSettings = !showProjectSettings}>
-      Edit
-    </button>
-
-    {#if showProjectSettings}
-      <div transition:fly={{ duration: 150, y: 20 }} class="dropdown__content dropdown__content--left block w-100" style="width: 200px">
-        <button class="dropdown__item" on:click={() => modal.show("create-project", { type: "rename" })}>
-          Rename
-        </button>
-
-        <button class="dropdown__item" on:click={duplicateProject}>
-          Duplicate
-        </button>
-
-        <button class="dropdown__item text-red" on:click={destroyProject}>
-          Destroy
-        </button>
-      </div>
-    {/if}
-  </div>
+{#if $isSignedIn && !loading}
+  {#if $currentProject?.is_owner}
+    <div class="dropdown" use:outsideClick on:outsideClick={() => showProjectSettings = false}>
+      <button class="w-auto text-base ml-1/8" on:click|stopPropagation={() => showProjectSettings = !showProjectSettings}>
+        Edit
+      </button>
+
+      {#if showProjectSettings}
+        <div transition:fly={{ duration: 150, y: 20 }} class="dropdown__content dropdown__content--left block w-100" style="width: 200px">
+          <button class="dropdown__item" on:click={() => modal.show("create-project", { type: "rename" })}>
+            Rename
+          </button>
+
+          <button class="dropdown__item" on:click={() => duplicateProject()}>
+            Duplicate
+          </button>
+
+          <button class="dropdown__item text-red" on:click={destroyProject}>
+            Destroy
+          </button>
+        </div>
+      {/if}
+    </div>
+  {/if}
 {/if}
diff --git a/app/javascript/src/components/editor/Save.svelte b/app/javascript/src/components/editor/Save.svelte
index cc07b7689..a19e16b32 100644
--- a/app/javascript/src/components/editor/Save.svelte
+++ b/app/javascript/src/components/editor/Save.svelte
@@ -1,9 +1,9 @@
 <script>
   import Bugsnag from "@bugsnag/js"
   import FetchRails from "@src/fetch-rails"
-  import { currentProject, modal } from "@stores/editor"
+  import { currentProject, modal, projects } from "@stores/editor"
   import { getSaveContent } from "@utils/editor"
-  import { updateProject } from "@utils/project"
+  import { createProject, fetchProject, saveProject, setUrl, updateProject } from "@utils/project"
   import { createProjectBackup } from "@utils/projectBackups"
   import { Modal } from "@constants/Modal"
   import { escapeable } from "@src/components/actions/escapeable"
@@ -22,28 +22,33 @@
     const content = getSaveContent()
     saveToLocalStorage(content, Date.now())
 
-    new FetchRails(`/projects/${$currentProject.uuid}`, { project: { content } }).post({ method: "put" })
-      .then(data => {
-        if (!data) throw Error("Save failed, no data was returned")
-
+    saveProject($currentProject.uuid, content)
+      .then((project) => {
         lastSaveContent = content
 
-        const updated_at = JSON.parse(data).updated_at
-
-        updateProject($currentProject.uuid, { updated_at })
-        saveToLocalStorage(content, updated_at) // Save again to localStorage to update the updated_at date
+        saveToLocalStorage(content, project.updated_at) // Save again to localStorage to update the updated_at date
 
         showConfetti()
       })
-      .catch(error => {
-        Bugsnag.notify(error)
-        alert("Something went wrong while saving, please try again. If the error persists, please contact the developers on Discord with the following error:\n\n" + error)
-      })
       .finally(() => {
         loading = false
       })
   }
 
+  async function clone() {
+    loading = true
+
+    const content = getSaveContent()
+
+    const data = await createProject(`${$currentProject.title} (Clone)`, content)
+    if (data) {
+      setUrl(data.uuid)
+      await fetchProject(data.uuid)
+    }
+
+    loading = false
+  }
+
   function saveToLocalStorage(content, date) {
     const currentSaved = JSON.parse(localStorage.getItem("saved-projects") || "{}")
     localStorage.setItem("saved-projects", JSON.stringify({
@@ -67,9 +72,15 @@
   }
 
   function keydown(event) {
+    if (!$currentProject) return
+
     if (event.ctrlKey && !event.shiftKey && event.code === "KeyS") {
       event.preventDefault()
-      save()
+
+      if ($currentProject.is_owner)
+        save()
+      else
+        clone()
     }
   }
 
@@ -83,49 +94,61 @@
 
 <svelte:window on:keydown={keydown} on:beforeunload={beforeUnload} />
 
-<div class="relative">
-  <div class="button-group">
-    <button class="button button--square" on:click={save} disabled={loading}>
-      {#if loading}
-        Saving...
-      {:else}
-        Save
-      {/if}
-    </button>
-
-    <div class="dropdown" use:outsideClick on:outsideClick={() => dropdownActive = false}>
-      <button aria-label="Backups" class="button button--square pr-0 pl-0 h-100 flex align-center" on:click={() => dropdownActive = !dropdownActive}>
-        <svg width="18px" height="18px" viewBox="0 0 24 24" class="m-0">
-          <path d="M7.00003 8.5C6.59557 8.5 6.23093 8.74364 6.07615 9.11732C5.92137 9.49099 6.00692 9.92111 6.29292 10.2071L11.2929 15.2071C11.6834 15.5976 12.3166 15.5976 12.7071 15.2071L17.7071 10.2071C17.9931 9.92111 18.0787 9.49099 17.9239 9.11732C17.7691 8.74364 17.4045 8.5 17 8.5H7.00003Z" fill="white" />
-        </svg>
-      </button>
-
-      {#if dropdownActive}
-        <div transition:fly={{ duration: 150, y: 20 }} use:escapeable on:escape={() => dropdownActive = false} class="dropdown__content block w-100 p-1/4" style="width: 200px">
-          <p class="mt-0 text-italic text-small text-base">
-            Last saved:<br />
-            {new Date($currentProject.updated_at).toLocaleString()}
-          </p>
-
-          <button class="button button--square button--small w-100" on:click={createBackup} disabled={loading}>
-            {#if loading}
-              Creating backup...
-            {:else}
-              Create backup
-            {/if}
+{#if $currentProject}
+  <div class="relative">
+    {#if $currentProject.is_owner}
+      <div class="button-group">
+        <button class="button button--square" on:click={save} disabled={loading}>
+          {#if loading}
+            Saving...
+          {:else}
+            Save
+          {/if}
+        </button>
+
+        <div class="dropdown" use:outsideClick on:outsideClick={() => dropdownActive = false}>
+          <button aria-label="Backups" class="button button--square pr-0 pl-0 h-100 flex align-center" on:click={() => dropdownActive = !dropdownActive}>
+            <svg width="18px" height="18px" viewBox="0 0 24 24" class="m-0">
+              <path d="M7.00003 8.5C6.59557 8.5 6.23093 8.74364 6.07615 9.11732C5.92137 9.49099 6.00692 9.92111 6.29292 10.2071L11.2929 15.2071C11.6834 15.5976 12.3166 15.5976 12.7071 15.2071L17.7071 10.2071C17.9931 9.92111 18.0787 9.49099 17.9239 9.11732C17.7691 8.74364 17.4045 8.5 17 8.5H7.00003Z" fill="white" />
+            </svg>
           </button>
 
-          <button class="button button--ghost button--square button--small w-100 mt-1/8" on:click={() => modal.show(Modal.Backups)}>
-            View backups
-          </button>
+          {#if dropdownActive}
+            <div transition:fly={{ duration: 150, y: 20 }} use:escapeable on:escape={() => dropdownActive = false} class="dropdown__content block w-100 p-1/4" style="width: 200px">
+              <p class="mt-0 text-italic text-small text-base">
+                Last saved:<br />
+                {new Date($currentProject.updated_at).toLocaleString()}
+              </p>
+
+              <button class="button button--square button--small w-100" on:click={createBackup} disabled={loading}>
+                {#if loading}
+                  Creating backup...
+                {:else}
+                  Create backup
+                {/if}
+              </button>
+
+              <button class="button button--ghost button--square button--small w-100 mt-1/8" on:click={() => modal.show(Modal.Backups)}>
+                View backups
+              </button>
+            </div>
+          {/if}
         </div>
-      {/if}
-    </div>
-  </div>
+      </div>
+    {:else}
+      <button class="button button--square button--secondary" on:click={clone} disabled={loading}>
+        {#if loading}
+          Cloning and Saving...
+        {:else}
+          Clone and Save
+        {/if}
+      </button>
+    {/if}
 
-  {#if confettiActive}
-    <div class="confetti-holder">
-      <Confetti colorArray={["var(--primary)"]} x={[-0.5, 0.5]} y={[-0.15, 0.25]} fallDistance="10px" amount="20" size="7" duration=1000 />
-    </div>
-  {/if}
-</div>
+    {#if confettiActive}
+      <div class="confetti-holder">
+        <Confetti colorArray={["var(--primary)"]} x={[-0.5, 0.5]} y={[-0.15, 0.25]} fallDistance="10px" amount="20" size="7" duration=1000 />
+      </div>
+    {/if}
+  </div>
+{/if}
diff --git a/app/javascript/src/utils/project.ts b/app/javascript/src/utils/project.ts
index 95471b736..088f05709 100644
--- a/app/javascript/src/utils/project.ts
+++ b/app/javascript/src/utils/project.ts
@@ -25,8 +25,6 @@ export async function createProject(title: string, content = null): Promise<Proj
     .catch(error => {
       console.error(error)
       alert("Something went wrong while creating your project, please try again")
-
-      return "error"
     })
 }
 
@@ -117,6 +115,23 @@ export function updateProject(uuid: string, params: object): void {
   projects.set([...get(projects)])
 }
 
+export async function saveProject(uuid: string, content: string): Promise<void> {
+  try {
+    const data = await new FetchRails(`/projects/${uuid}`, { project: { content } }).post({ method: "put", returnResponse: false })
+    if (!data) throw Error("Save failed, no data was returned")
+
+    const project = JSON.parse(data as string)
+
+    const updated_at = project.updated_at
+    updateProject(uuid, { updated_at })
+
+    return project
+  } catch (error: any) {
+    console.error(error)
+    alert("Something went wrong while saving, please try again. If the error persists, please contact the developers on Discord with the following error:\n\n" + error)
+  }
+}
+
 export async function renameCurrentProject(title: string): Promise<string | void> {
   return await new FetchRails(`/projects/${get(currentProjectUUID)}`).request("PATCH", { parameters: { body: JSON.stringify({ project: { title } }) } })
     .then(data => {
diff --git a/app/javascript/src/utils/text.ts b/app/javascript/src/utils/text.ts
index e4dcef7af..557326d82 100644
--- a/app/javascript/src/utils/text.ts
+++ b/app/javascript/src/utils/text.ts
@@ -1,3 +1,8 @@
 export function toCapitalize(string: string): string {
   return string.toLowerCase().replace(/(^\w{1})|(\s+\w{1})/g, letter => letter.toUpperCase())
 }
+
+export function truncate(string: string, limit: number, ellipsis = "..."): string {
+  if (!string || string.length <= limit) return string
+  return string.substring(limit - ellipsis.length) + ellipsis
+}
diff --git a/app/views/admin/users/show.html.erb b/app/views/admin/users/show.html.erb
index 1e8b06f32..d40c98591 100644
--- a/app/views/admin/users/show.html.erb
+++ b/app/views/admin/users/show.html.erb
@@ -19,7 +19,7 @@
   </nav>
 
   <% if @user.linked_id %>
-    <div class="warning warning--orange mb-1/2">
+    <div class="warning warning--orange text-small mb-1/2">
       This is a linked account. <%= link_to "View main account", admin_user_path(@user.linked_id), class: "text-lightest" %>
     </div>
   <% end %>
diff --git a/app/views/posts/_current_user_blocks.html.erb b/app/views/posts/_current_user_blocks.html.erb
index 1be602ab8..28938df35 100644
--- a/app/views/posts/_current_user_blocks.html.erb
+++ b/app/views/posts/_current_user_blocks.html.erb
@@ -31,7 +31,7 @@
 <% end %>
 
 <% if @post.last_revision_created_at > 6.months.ago && @post.last_revision_created_at < 5.months.ago %>
-  <div class="warning warning--orange shadow-block">
+  <div class="warning warning--orange text-small shadow-block">
     <p><strong>Your Code may expire soon.</strong></p>
     <p class="mb-0"><small><strong>Workshop Codes in Overwatch may expire after 6 months</strong>.</small></p>
     <p class="mb-0 mt-0"><small>After expiration, codes will no longer function and <strong>their contents will be lost</strong>.</small></p>
diff --git a/app/views/posts/_expired.html.erb b/app/views/posts/_expired.html.erb
index 07dc8d097..e6d493470 100644
--- a/app/views/posts/_expired.html.erb
+++ b/app/views/posts/_expired.html.erb
@@ -1,4 +1,4 @@
-<div class="warning warning--orange shadow-block">
+<div class="warning warning--orange text-small shadow-block">
   <p>
     <strong>This code is over 6 months old.</strong>
     <small>The code may have expired and might no longer function.</small>
diff --git a/app/views/posts/_overwatch_2_indicator.html.erb b/app/views/posts/_overwatch_2_indicator.html.erb
index 00c595c26..e0b00b63d 100644
--- a/app/views/posts/_overwatch_2_indicator.html.erb
+++ b/app/views/posts/_overwatch_2_indicator.html.erb
@@ -1,4 +1,4 @@
-<div class="warning warning--orange bg-overwatch-2 shadow-block">
+<div class="warning warning--orange text-small bg-overwatch-2 shadow-block">
   <div>
     <strong>Overwatch 2</strong> Beta