diff --git a/src/components/ha-color-picker.ts b/src/components/ha-color-picker.ts
index 6800fbdd20..ca34ba7561 100644
--- a/src/components/ha-color-picker.ts
+++ b/src/components/ha-color-picker.ts
@@ -155,6 +155,7 @@ export class HaColorPicker extends LitElement {
       .circle-color {
         display: block;
         background-color: var(--circle-color, var(--divider-color));
+        border: 1px solid var(--outline-color);
         border-radius: 10px;
         width: 20px;
         height: 20px;