Add link back to source party

components/Button/index.scss

@@ -31,6 +31,15 @@
     background: transparent;
   }
 
+  &.IconButton.medium {
+    height: inherit;
+    padding: $unit-half;
+
+    &:hover {
+      background: none;
+    }
+  }
+
   &.Contained {
     background: var(--button-contained-bg);
 

components/PartyDetails/index.scss

@@ -270,15 +270,21 @@
     .Left {
       flex-grow: 1;
 
-      h1 {
+      .Header {
-        font-size: $font-xlarge;
+        align-items: center;
-        font-weight: $normal;
+        display: flex;
-        text-align: left;
+        gap: $unit;
         margin-bottom: $unit;
-        color: var(--text-primary);
 
-        &.empty {
+        h1 {
-          color: var(--text-secondary);
+          font-size: $font-xlarge;
+          font-weight: $normal;
+          text-align: left;
+          color: var(--text-primary);
+
+          &.empty {
+            color: var(--text-secondary);
+          }
         }
       }
 

components/PartyDetails/index.tsx

@@ -31,6 +31,7 @@ import { youtube } from '~utils/youtube'
 import CheckIcon from '~public/icons/Check.svg'
 import CrossIcon from '~public/icons/Cross.svg'
 import EditIcon from '~public/icons/Edit.svg'
+import RemixIcon from '~public/icons/Remix.svg'
 
 import type { DetailsObject } from 'types'
 
@@ -694,7 +695,7 @@ const PartyDetails = (props: Props) => {
   const remixSection = () => {
     return (
       <section className="Remixes">
-        <h3>Remixes</h3>
+        <h3>{t('remixes')}</h3>
         {<GridRepCollection>{renderRemixes()}</GridRepCollection>}
       </section>
     )
@@ -704,7 +705,21 @@ const PartyDetails = (props: Props) => {
     <section className="DetailsWrapper">
       <div className="PartyInfo">
         <div className="Left">
-          <h1 className={name ? '' : 'empty'}>{name ? name : t('no_title')}</h1>
+          <div className="Header">
+            <h1 className={name ? '' : 'empty'}>
+              {name ? name : t('no_title')}
+            </h1>
+            {party.remix && party.sourceParty ? (
+              <Link href={`/p/${party.sourceParty.shortcode}`} passHref>
+                <Button
+                  className="IconButton Blended"
+                  leftAccessoryIcon={<RemixIcon />}
+                />
+              </Link>
+            ) : (
+              ''
+            )}
+          </div>
           <div className="attribution">
             {renderUserBlock()}
             {party.raid ? linkedRaidBlock(party.raid) : ''}