diff --git a/client/src/css/seatmap.css b/client/src/css/seatmap.css
index 2cc63d9..ea9e7eb 100644
--- a/client/src/css/seatmap.css
+++ b/client/src/css/seatmap.css
@@ -91,7 +91,7 @@ div.seatCharts-seat.unavailable {
 }
 
 #JSCLegendInner select option {
-  color: white;
+  color: #5c5c5c;
 }
 
 .jBox-Notice .jBox-content {
diff --git a/client/src/modules/legend.ts b/client/src/modules/legend.ts
index fcc12d9..8aaaffa 100644
--- a/client/src/modules/legend.ts
+++ b/client/src/modules/legend.ts
@@ -75,9 +75,10 @@ function appendLegendOptions(inElement: HTMLElement, inSelect: JQuery<HTMLSelect
     });
 }
 
-function appendLegendOption(inSelect: JQuery<HTMLSelectElement>, inClassName: string, inVal: string, inText: string): void {
+function appendLegendOption(inSelect: JQuery<HTMLSelectElement>, inClass: string, inVal: string, inText: string): void {
     let option: JQuery<HTMLOptionElement> = jQuery('<option/>');
-    option.attr({ 'value': inVal, 'class': inClassName }).text(inText);
+    option.attr({ 'value': inVal, 'data-class': inClass }).text(inText);
+    // option.attr({ 'value': inVal, 'class': inClass }).text(inText); // add class to color dropdown bg
     inSelect.append(option);
 }
 
diff --git a/client/src/modules/ui.ts b/client/src/modules/ui.ts
index 8b7c77c..e78eeef 100644
--- a/client/src/modules/ui.ts
+++ b/client/src/modules/ui.ts
@@ -29,7 +29,7 @@ export function changeSiteTitle(): void {
 export function setEventInfo(inEventInfo: I.EventInfo): void {
     const inputsWithValue = config.state.inputsWithValue!;
     const desc: string = Utils.encodeCP850DecodeUTF8(inEventInfo.desc[0]);
-    const location: string = Utils.encodeCP850DecodeUTF8(inputsWithValue.venueLocation);
+    const location: string = inputsWithValue.venueLocation;
 
     jQuery("#eventInfoDesc span.fl-heading-text")[0].childNodes[0].textContent = desc;
     jQuery("#eventInfoLocation p")[0].childNodes[0].textContent = location;