diff --git a/components/PartyDetails/index.scss b/components/PartyDetails/index.scss
index abc7bed8..8510a383 100644
--- a/components/PartyDetails/index.scss
+++ b/components/PartyDetails/index.scss
@@ -1,4 +1,4 @@
-.Details {
+.PartyDetails {
     display: none; // This breaks transition, find a workaround
     opacity: 0;
     margin: 0 auto;
diff --git a/components/PartyDetails/index.tsx b/components/PartyDetails/index.tsx
index bd92744c..cdb6f813 100644
--- a/components/PartyDetails/index.tsx
+++ b/components/PartyDetails/index.tsx
@@ -24,13 +24,13 @@ const PartyDetails = (props: Props) => {
     const raidSelect = React.createRef<HTMLSelectElement>()
 
     const readOnlyClasses = classNames({
-        'Details': true,
+        'PartyDetails': true,
         'ReadOnly': true,
         'Visible': !appSnapshot.party.detailsVisible
     })
 
     const editableClasses = classNames({
-        'Details': true,
+        'PartyDetails': true,
         'Editable': true,
         'Visible': appSnapshot.party.detailsVisible
     })