anchor.diff:  				});
   
   				var targetGrid = Ext.create('Ext.grid.Panel', {
  -					store: actualComponentsStore,
  -					width: '50%',
  +					store: componentsStore,
  +					flex: 1,
   					border: true,
   					selectable: false,
   					viewConfig: {
  
positive.code: 				});
  													   
  
  				var actualComponentsStore = Ext.create('Ext.data.Store', {
  					storeId: 'actualComponentsStore',
  					sorters: new Ext.util.Sorter({
  						property: 'ownerComponentName',
  						direction: 'ASC'
  					})
  				}); 
  
  				var componentRelationshipStore = Ext.create('Ext.data.Store', {
  					storeId: 'componentRelationshipStore',
  					proxy: {
  						id: 'componentRelationshipStoreProxy',
  						type: 'ajax',
  						url: '../api/v1/resource/componentrelationship'
  					},
  					listeners: {
  						load: function(store, records, successful, eOpts) {
  							// populate the actualComponentStore
  							// with the a list of distinct components
  							var ac = Ext.getStore('actualComponentsStore');
  							var acData = Ext.getStore('actualComponentsStore').getData();
  							Ext.Array.each(records, function(record) {
  								if (acData.find('ownerComponentId', record.get('ownerComponentId'))) {
  									// do nothing
  								} else {
  									ac.add(record);
  								}
  
  							});
  						}
  					},
  					autoLoad: true
  				});
  
  				var originGrid = Ext.create('Ext.grid.Panel', {
  					store: actualComponentsStore,
  					width: '50%',
  					border: true,
  					columns: [
  						{ text: 'Origin Entry', dataIndex: 'ownerComponentName', flex: 1 }
  					],
  					listeners: {
  						select: function(grid, record, index, eOpts) {
  
negative.code: 						]
  					},
  					columns: [
  						{ text: 'Target Entry', dataIndex: 'description', flex: 1 }
  					],
  					listeners: {
  						beforeselect: function(grid, record, index, eOpts) {
  