diff --git a/src/App.js b/src/App.js
index 18ad211..7fff863 100644
--- a/src/App.js
+++ b/src/App.js
@@ -54,23 +54,15 @@ export default React.memo(function App() {
                                 <FrequencyPicker />
                             </div>
                         </div>
-                        {gameMode === 'practice' &&
-                            <PracticeMode />
-                        }
-
+                        {gameMode === 'practice' && <PracticeMode />}
                         {gameMode === 'challenge' &&
                             <>
                                 <ChallengeOverlay />
                                 <ChallengeMode />
                             </>
                         }
-
                         <MorseButtons />
                     </div>
-                    {/* <div className="sidebar" id="right">
-                        <div id="settings-icon" onClick={toggleRight}><i class="ri-settings-3-line"></i></div>
-                        
-                    </div> */}
                 </GameClockContextProvider>
                 </ChallengeContextProvider>
                 </WordFeederContextProvider>
@@ -83,5 +75,4 @@ export default React.memo(function App() {
         <Footer />
         </>
     );
-
 })
\ No newline at end of file
diff --git a/src/components/AlphaNumeric.js b/src/components/AlphaNumeric.js
deleted file mode 100644
index bbe6ec0..0000000
--- a/src/components/AlphaNumeric.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react"
-import morseCode from '../data/morse-reverse.json'
-
-function AlphaNumeric(props) {
-    if (props.morseLetter === '') {
-        return (
-            <span></span>
-        )
-    } else {
-        if (morseCode[props.morseLetter] === undefined) {
-            return (
-                <span className='morseError'>[?]</span>
-            )
-        } else {
-            return (
-                <span>{morseCode[props.morseLetter].toUpperCase()}</span>
-            )
-        }
-    }
-}
-
-export default React.memo(AlphaNumeric)
\ No newline at end of file
diff --git a/src/components/DitDah.js b/src/components/DitDah.js
deleted file mode 100644
index deb2612..0000000
--- a/src/components/DitDah.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react"
-import morseCode from '../data/morse-reverse.json'
-
-function DitDah(props) {
-    if (props.morseLetter === '') {
-        return (
-            <span className='space'>&nbsp;</span>
-        )
-    } else {
-        if (morseCode[props.morseLetter] === undefined) {
-            return (
-                <span className='morseError'>{props.morseLetter}</span>
-            )
-        } else {
-            return (
-                <span>{props.morseLetter}</span>
-            )
-        }
-    }
-}
-
-export default React.memo(DitDah)
\ No newline at end of file
diff --git a/src/components/MorseCard.js b/src/components/MorseCard.js
deleted file mode 100644
index 3142293..0000000
--- a/src/components/MorseCard.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from "react"
-import AlphaNumeric from './AlphaNumeric'
-import DitDah from './DitDah'
-
-function MorseCard(props) {
-    let morseComponent
-    let alphaNumericsComponent
-
-    if (props.morse.includes(' ')) {
-        let letters = props.morse.split(' ').join('  ').split(' ')
-        morseComponent = letters.map((letter, index) => <DitDah key={index} morseLetter={letter}/>)
-        
-        alphaNumericsComponent = letters.map((letter, index) => <AlphaNumeric key={index} morseLetter={letter}/>)
-    }
-    else {
-        let letter = props.morse
-        
-        morseComponent = <DitDah morseLetter={letter} />
-        alphaNumericsComponent = <AlphaNumeric morseLetter={letter} />
-    }
-
-    return (
-        <div className='morseCard'>
-            <div className='ditDahs-container'>
-                <div className='ditDahs'>
-                    {morseComponent}
-                </div>
-            </div>
-            <div className='alphanumeric-container'>
-                <div className='alphanumeric'>
-                    {alphaNumericsComponent}
-                </div>
-            </div>
-        </div>
-    )
-}
-
-export default React.memo(MorseCard)
\ No newline at end of file
diff --git a/src/components/MorseHistory.js b/src/components/MorseHistory.js
deleted file mode 100644
index 6ebd7e3..0000000
--- a/src/components/MorseHistory.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import React, {useContext} from "react"
-import MorseCard from './MorseCard'
-import {MorseBufferContext} from "../contexts/morseBufferContext"
-
-export default (function MorseHistory() {
-
-    const {morseWords} = useContext(MorseBufferContext)
-
-    let morseCards = morseWords.map((word,index) => <MorseCard key={index} morse={word} />)
-    
-    return (
-        <div id="morseHistory">
-            <div id="overlay"></div>
-            <div id="morseCards">
-                {morseCards}
-            </div>
-        </div>
-    )
-})
\ No newline at end of file