diff --git a/packages/wyatt_ui_components/lib/src/core/utils/multi_color.dart b/packages/wyatt_ui_components/lib/src/core/utils/multi_color.dart
index 9e9b7222..d64ac9a3 100644
--- a/packages/wyatt_ui_components/lib/src/core/utils/multi_color.dart
+++ b/packages/wyatt_ui_components/lib/src/core/utils/multi_color.dart
@@ -64,12 +64,15 @@ class MultiColor {
       );
     } else if (a.isGradient && b.isGradient) {
       final colors = List<Color>.empty(growable: true);
-      for (int i = 0; i < a.colors.length; i++) {
+      final shortestList =
+          (a.colors.length > b.colors.length) ? b.colors : a.colors;
+      for (int i = 0; i < shortestList.length; i++) {
         final lerpColor = Color.lerp(a.colors[i], b.colors[i], t);
         if (lerpColor != null) {
           colors.add(lerpColor);
         }
       }
+      return MultiColor(colors);
     }
     return b;
   }