diff --git a/ui/StatusQ/sandbox/StatusInputPage.qml b/ui/StatusQ/sandbox/StatusInputPage.qml
index 715b7ee2b5..033ea411a1 100644
--- a/ui/StatusQ/sandbox/StatusInputPage.qml
+++ b/ui/StatusQ/sandbox/StatusInputPage.qml
@@ -19,6 +19,11 @@ Column {
         enabled: false
     }
 
+    StatusBaseInput {
+        placeholderText: "Clearable"
+        clearable: true
+    }
+
     StatusBaseInput {
         multiline: true
         placeholderText: "Multiline"
diff --git a/ui/StatusQ/src/StatusQ/Controls/StatusBaseInput.qml b/ui/StatusQ/src/StatusQ/Controls/StatusBaseInput.qml
index 199340b9b2..ccba50f459 100644
--- a/ui/StatusQ/src/StatusQ/Controls/StatusBaseInput.qml
+++ b/ui/StatusQ/src/StatusQ/Controls/StatusBaseInput.qml
@@ -147,7 +147,10 @@ Item {
 
     StatusFlatRoundButton {
         id: clearButtton
-        visible: edit.text.length != 0 && statusBaseInput.clearable && !statusBaseInput.multiline
+        visible: edit.text.length != 0 && 
+            statusBaseInput.clearable && 
+            !statusBaseInput.multiline &&
+            edit.activeFocus
         anchors.right: parent.right
         anchors.rightMargin: 11
         anchors.verticalCenter: parent.verticalCenter
@@ -157,6 +160,7 @@ Item {
         icon.name: "clear"
         icon.width: 14
         icon.height: 14
+        icon.color: Theme.palette.baseColor1
         onClicked: {
             edit.clear()
         }