From 302985dd0eea646bd28f701328fa5acc75ffe8c1 Mon Sep 17 00:00:00 2001
From: James Hawkins <jhawki2005@gmail.com>
Date: Wed, 4 Aug 2021 13:54:34 +0100
Subject: [PATCH] class -> className

---
 src/components/ErrorBanner.js       | 2 +-
 src/components/PercentageOverlay.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ErrorBanner.js b/src/components/ErrorBanner.js
index 60d8b42d..90a8f285 100644
--- a/src/components/ErrorBanner.js
+++ b/src/components/ErrorBanner.js
@@ -3,7 +3,7 @@ import './ErrorBanner.css';
 
 export function ErrorBanner({children}) {
 	return (
-		<div class="errorBanner">
+		<div className="errorBanner">
 			{children}
 		</div>
 	)
diff --git a/src/components/PercentageOverlay.js b/src/components/PercentageOverlay.js
index 50a23a0a..0415774e 100644
--- a/src/components/PercentageOverlay.js
+++ b/src/components/PercentageOverlay.js
@@ -6,8 +6,8 @@ export function PercentageOverlay({ percentage }) {
 	if(percentage && percentage > 3) percentage = Math.max(20, percentage < 90 ? percentage : 100)
 
 	return percentage > 0 ? (
-		<div class="progressBar">
-            <div class="progressBarInner" style={{width: `${percentage}%`}}></div>
+		<div className="progressBar">
+            <div className="progressBarInner" style={{width: `${percentage}%`}}></div>
         </div>
 	) : <React.Fragment></React.Fragment>
 }
\ No newline at end of file