diff --git a/addons/website_sale/static/src/scss/product_configurator.scss b/addons/website_sale/static/src/scss/product_configurator.scss
index 9ce919ce747..6a06ac47d41 100644
--- a/addons/website_sale/static/src/scss/product_configurator.scss
+++ b/addons/website_sale/static/src/scss/product_configurator.scss
@@ -80,11 +80,18 @@ option.css_not_available {
 $-arrow-url: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='175' height='100' fill='#000'><polygon points='0,0 100,0 50,50'/></svg>");
 
 select.form-select.css_attribute_select {
-    background-image: str-replace($-arrow-url, "#000", str-replace(#{$input-color}, "#", "%23"));
-    background-size: 20px;
-    background-position: 100% 65%;
-    background-repeat: no-repeat;
     max-width: 400px;
+
+    &:not([multiple]):where(:not([size]), [size="1"]) {
+        background-image: str-replace($-arrow-url, "#000", str-replace(#{$input-color}, "#", "%23"));
+        background-size: 20px;
+        background-position: 100% 65%;
+        background-repeat: no-repeat;
+
+        &:disabled {
+            background-image: str-replace($-arrow-url, "#000", str-replace(#{$form-select-disabled-color}, "#", "%23"));
+        }
+    }
 }
 // In the case of a modal, we cannot rely on '$input-color' to define the color
 // of the select arrow because '$input-color' is set based on the background