From ea37cf6a798cbddd84e3c76bff5f65b627c58474 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 26 Feb 2022 17:46:13 -0800
Subject: [PATCH] Fix style conflict

---
 components/PartyDetails/index.scss | 2 +-
 components/PartyDetails/index.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

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
     })