diff --git a/legacy/elementary/data/themes/colorclasses.edc b/legacy/elementary/data/themes/colorclasses.edc
index 093f26fadf..4fca5367e0 100644
--- a/legacy/elementary/data/themes/colorclasses.edc
+++ b/legacy/elementary/data/themes/colorclasses.edc
@@ -231,6 +231,10 @@ color_classes {
       color: WIN_DEFAULT_BASIC;
       desc: "Base of a scroller widget";
    }
+   color_class { name: "spinner_bg";
+      color: 0 0 0 0;
+      desc: "Background of a spinner widget";
+   }
    color_class { name: "radio_text";
       color: FN_COL_DEFAULT;
       desc: "Text of a radio widget's label";
diff --git a/legacy/elementary/data/themes/edc/elm/spinner.edc b/legacy/elementary/data/themes/edc/elm/spinner.edc
index b2254bbbd5..9b4257d71e 100644
--- a/legacy/elementary/data/themes/edc/elm/spinner.edc
+++ b/legacy/elementary/data/themes/edc/elm/spinner.edc
@@ -9,9 +9,10 @@ group { name: "elm/spinner/base/default";
          }
       }
       part { name: "bg";
-         type: SPACER;
+         type: RECT;
          scale: 1;
          description { state: "default" 0.0;
+            color_class: "spinner_bg";
          }
       }
       part { name: "inset"; mouse_events: 0;
diff --git a/legacy/elementary/src/lib/elm_config.c b/legacy/elementary/src/lib/elm_config.c
index 0f0b12c959..991ecd2c58 100644
--- a/legacy/elementary/src/lib/elm_config.c
+++ b/legacy/elementary/src/lib/elm_config.c
@@ -134,6 +134,7 @@ static const Elm_Color_Class _elm_color_classes[] = {
    {"slider_text", "Slider Text"},
    {"slider_text_disabled", "Slider Disabled Text"},
    {"slider_indicator", "Slider Indicator Text"},
+   {"spinner_bg", "Spinner Background"},
    {"progressbar_text", "Progressbar Text"},
    {"progressbar_text_disabled", "Progressbar Disabled Text"},
    {"progressbar_status", "Progressbar Status Text"},