diff --git a/core/themes/olivero/css/components/form-text.css b/core/themes/olivero/css/components/form-text.css
index 64e38c1e4ec5799a660f714fe26ee211c8c2514c..81f0ff005675f96b80feb34f2e829593d3257fc8 100644
--- a/core/themes/olivero/css/components/form-text.css
+++ b/core/themes/olivero/css/components/form-text.css
@@ -128,3 +128,8 @@ textarea {
   padding-top: 0.84375rem;
   padding-bottom: 0.84375rem;
 }
+
+[type="color"] {
+  width: 3.375rem;
+  padding: 0;
+}
diff --git a/core/themes/olivero/css/components/form-text.pcss.css b/core/themes/olivero/css/components/form-text.pcss.css
index 9c70321ac1e3e5932a44a4860d1bfc0aa0535765..7c6c3523395e5db6dddef5d5c72bf301b7e5877a 100644
--- a/core/themes/olivero/css/components/form-text.pcss.css
+++ b/core/themes/olivero/css/components/form-text.pcss.css
@@ -84,3 +84,8 @@ textarea {
   height: auto;
   padding-block: var(--sp0-75);
 }
+
+[type="color"] {
+  width: var(--sp3);
+  padding: 0;
+}