diff --git a/interface/resources/qml/controlsUit/SpinBox.qml b/interface/resources/qml/controlsUit/SpinBox.qml
index 564157efb0..a888bbd07c 100644
--- a/interface/resources/qml/controlsUit/SpinBox.qml
+++ b/interface/resources/qml/controlsUit/SpinBox.qml
@@ -109,7 +109,7 @@ SpinBox {
         id: spinboxText
         z: 2
         color: isLightColorScheme
-               ? (spinBox.activeFocus ? hifi.colors.black : hifi.colors.faintGray)
+               ? (spinBox.activeFocus ? hifi.colors.black : hifi.colors.baseGrayHighlight)
                : (spinBox.activeFocus ? hifi.colors.white : hifi.colors.lightGrayText)
         selectedTextColor: hifi.colors.black
         selectionColor: hifi.colors.primaryHighlight
@@ -130,7 +130,7 @@ SpinBox {
             }
 
             color: isLightColorScheme
-                   ? (spinBox.activeFocus ? hifi.colors.black : hifi.colors.faintGray)
+                   ? (spinBox.activeFocus ? hifi.colors.black : hifi.colors.baseGrayHighlight)
                    : (spinBox.activeFocus ? hifi.colors.white : hifi.colors.lightGrayText)
             text: suffix
             verticalAlignment: Qt.AlignVCenter
diff --git a/interface/resources/qml/hifi/avatarapp/AdjustWearables.qml b/interface/resources/qml/hifi/avatarapp/AdjustWearables.qml
index 15a20b491a..dfee6e60f7 100644
--- a/interface/resources/qml/hifi/avatarapp/AdjustWearables.qml
+++ b/interface/resources/qml/hifi/avatarapp/AdjustWearables.qml
@@ -403,7 +403,6 @@ Rectangle {
 
             Vector3 {
                 id: positionVector
-                backgroundColor: "lightgray"
                 enabled: getCurrentWearable() !== null
 
                 function set(localPosition) {
@@ -463,7 +462,6 @@ Rectangle {
 
             Vector3 {
                 id: rotationVector
-                backgroundColor: "lightgray"
                 enabled: getCurrentWearable() !== null
 
                 function set(localRotationAngles) {
@@ -550,7 +548,7 @@ Rectangle {
                     realFrom: 0.1
                     realTo: 3.0
                     realValue: 1.0
-                    backgroundColor: "lightgray"
+                    backgroundColor: activeFocus ? "white" : "lightgray"
                     width: positionVector.spinboxWidth
                     colorScheme: hifi.colorSchemes.light
 
diff --git a/interface/resources/qml/hifi/avatarapp/Vector3.qml b/interface/resources/qml/hifi/avatarapp/Vector3.qml
index 698123104f..54f8d087e5 100644
--- a/interface/resources/qml/hifi/avatarapp/Vector3.qml
+++ b/interface/resources/qml/hifi/avatarapp/Vector3.qml
@@ -29,7 +29,7 @@ Row {
         id: xspinner
         width: parent.spinboxWidth
         labelInside: "X:"
-        backgroundColor: parent.backgroundColor
+        backgroundColor: activeFocus ? "white" : "lightgray"
         colorLabelInside: hifi.colors.redHighlight
         colorScheme: hifi.colorSchemes.light
         decimals: root.decimals;
@@ -43,7 +43,7 @@ Row {
         id: yspinner
         width: parent.spinboxWidth
         labelInside: "Y:"
-        backgroundColor: parent.backgroundColor
+        backgroundColor: activeFocus ? "white" : "lightgray"
         colorLabelInside: hifi.colors.greenHighlight
         colorScheme: hifi.colorSchemes.light
         decimals: root.decimals;
@@ -57,7 +57,7 @@ Row {
         id: zspinner
         width: parent.spinboxWidth
         labelInside: "Z:"
-        backgroundColor: parent.backgroundColor
+        backgroundColor: activeFocus ? "white" : "lightgray"
         colorLabelInside: hifi.colors.primaryHighlight
         colorScheme: hifi.colorSchemes.light
         decimals: root.decimals;