small fix

src/App.jsx

@@ -168,16 +168,21 @@ function App() {
 							Custom Color
 						</label>
 
-						{primaryColor !== getPrimaryColor(roster.forces[0].catalog) && (
+						{roster &&
-							<button
+							primaryColor !== getPrimaryColor(roster.forces[0].catalog) && (
-								onClick={() =>
+								<button
-									setPrimaryColor(getPrimaryColor(roster.forces[0].catalog))
+									onClick={() =>
-								}
+										setPrimaryColor(getPrimaryColor(roster.forces[0].catalog))
-								style={{ padding: "2px 4px", borderRadius: 4, borderWidth: 1 }}
+									}
-							>
+									style={{
-								Reset color
+										padding: "2px 4px",
-							</button>
+										borderRadius: 4,
-						)}
+										borderWidth: 1,
+									}}
+								>
+									Reset color
+								</button>
+							)}
 					</div>
 				</div>
 				<div className="print-display-none" style={{ color: "red" }}>