diff --git a/src/components/ChordsList.tsx b/src/components/ChordsList.tsx
index 30b6aa0..8c4c061 100644
--- a/src/components/ChordsList.tsx
+++ b/src/components/ChordsList.tsx
@@ -1,5 +1,4 @@
 import { Chord } from '../config';
-import { chordToString } from '../services/chordService';
 
 export const ChordsList = ({
   chords,
@@ -18,7 +17,7 @@ export const ChordsList = ({
         className="flex flex-col md:flex-row md:gap-7 text-[35px] md:text-[75px] mb-6 font-bold cursor-pointer select-none"
       >
         {chords.map((chord: Chord, index: number) => (
-          <div key={index}>{chordToString(chord)}</div>
+          <div className='flex flex-row' key={index}><div>{chord.note}</div><div className='text-[25px] md:text-[55px] text-neutral-500'>{chord.chordType}</div></div>
         ))}
       </div>
     </>
diff --git a/src/config/Chords.ts b/src/config/Chords.ts
index d468e1d..28884a4 100644
--- a/src/config/Chords.ts
+++ b/src/config/Chords.ts
@@ -1,6 +1,6 @@
 import { Note } from '.';
 
-export const chordTypes = ['M', 'm', 'maj7', 'min7'] as const;
+export const chordTypes = ['M', 'm', 'maj7', 'min7', 'dom7'] as const;
 
 export type ChordType = (typeof chordTypes)[number];