diff --git a/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/HelperWidgets/ColorEditor.qml b/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/HelperWidgets/ColorEditor.qml
index 8006be8ffa1..30dbeccea9e 100644
--- a/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/HelperWidgets/ColorEditor.qml
+++ b/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/HelperWidgets/ColorEditor.qml
@@ -787,7 +787,9 @@ SecondColumnLayout {
 
                                 ControlLabel {
                                     text: "Hex"
-                                    width: StudioTheme.Values.colorEditorPopupHexLabelWidth
+                                    width: 2 * StudioTheme.Values.colorEditorPopupSpinBoxWidth
+                                           + StudioTheme.Values.controlGap
+                                    horizontalAlignment: Text.AlignLeft
                                 }
                             }
 
diff --git a/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/StudioTheme/Values.qml b/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/StudioTheme/Values.qml
index 716dfc3b28a..9e72fea4153 100644
--- a/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/StudioTheme/Values.qml
+++ b/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/StudioTheme/Values.qml
@@ -199,8 +199,6 @@ QtObject {
     property real colorEditorPopupCmoboBoxWidth: 110
     property real colorEditorPopupSpinBoxWidth: 54
 
-    property real colorEditorPopupHexLabelWidth: 20
-
     // Theme Colors
 
     property string themePanelBackground: Theme.color(Theme.DSpanelBackground)