diff --git a/public/app/plugins/panel/graph/module.ts b/public/app/plugins/panel/graph/module.ts
index 250b28ff302..72e273e40b1 100644
--- a/public/app/plugins/panel/graph/module.ts
+++ b/public/app/plugins/panel/graph/module.ts
@@ -4,6 +4,7 @@ import {GraphCtrl} from './graph_ctrl';
 
 import './graph';
 import './legend';
+import './seriesOverridesCtrl';
 
 class GraphPanel extends PanelDirective {
   controller = GraphCtrl;
diff --git a/public/app/plugins/panel/graph/seriesOverridesCtrl.js b/public/app/plugins/panel/graph/seriesOverridesCtrl.js
index fd5c11b2060..265e99af223 100644
--- a/public/app/plugins/panel/graph/seriesOverridesCtrl.js
+++ b/public/app/plugins/panel/graph/seriesOverridesCtrl.js
@@ -45,18 +45,19 @@ define([
       }
 
       $scope.updateCurrentOverrides();
-      $scope.render();
+      $scope.ctrl.render();
     };
 
     $scope.colorSelected = function(color) {
       $scope.override['color'] = color;
       $scope.updateCurrentOverrides();
-      $scope.render();
+      $scope.ctrl.render();
     };
 
     $scope.openColorSelector = function() {
       var popoverScope = $scope.$new();
       popoverScope.colorSelected = $scope.colorSelected;
+      popoverScope.colors = $scope.ctrl.colors;
 
       popoverSrv.show({
         element: $element.find(".dropdown"),
@@ -69,11 +70,11 @@ define([
     $scope.removeOverride = function(option) {
       delete $scope.override[option.propertyName];
       $scope.updateCurrentOverrides();
-      $scope.render();
+      $scope.ctrl.render();
     };
 
     $scope.getSeriesNames = function() {
-      return _.map($scope.seriesList, function(series) {
+      return _.map($scope.ctrl.seriesList, function(series) {
         return series.alias;
       });
     };
@@ -107,7 +108,5 @@ define([
     $scope.addOverrideOption('Transform', 'transform', ['negative-Y']);
     $scope.addOverrideOption('Legend', 'legend', [true, false]);
     $scope.updateCurrentOverrides();
-
   });
-
 });