diff --git a/js/common/VectorAdditionColors.js b/js/common/VectorAdditionColors.js
index 5074311d..6be577a1 100644
--- a/js/common/VectorAdditionColors.js
+++ b/js/common/VectorAdditionColors.js
@@ -45,8 +45,10 @@ const VectorAdditionColors = {
 
   RADIO_BUTTON_GROUP_COLORS: {
     baseColor: Color.WHITE,
-    selectedStroke: 'rgb( 65, 154, 201 )', // blue
-    deselectedStroke: 'rgb( 50, 50, 50 )'
+    buttonAppearanceStrategyOptions: {
+      selectedStroke: 'rgb( 65, 154, 201 )', // blue
+      deselectedStroke: 'rgb( 50, 50, 50 )'
+    }
   },
 
   //----------------------------------------------------------------------------------------
diff --git a/js/common/VectorAdditionConstants.js b/js/common/VectorAdditionConstants.js
index b4f63536..6825e6fa 100644
--- a/js/common/VectorAdditionConstants.js
+++ b/js/common/VectorAdditionConstants.js
@@ -91,9 +91,11 @@ const VectorAdditionConstants = {
       cornerRadius: 8,
       xMargin: 8,
       yMargin: 8,
-      selectedLineWidth: 1.5,
-      deselectedLineWidth: 1,
-      deselectedButtonOpacity: 0.35
+      buttonAppearanceStrategyOptions: {
+        selectedLineWidth: 1.5,
+        deselectedLineWidth: 1,
+        deselectedButtonOpacity: 0.35
+      }
     }, VectorAdditionColors.RADIO_BUTTON_GROUP_COLORS )
   },