diff --git a/client/app/services/service-details/service-details.component.js b/client/app/services/service-details/service-details.component.js
index 16b654559..df535fbfb 100644
--- a/client/app/services/service-details/service-details.component.js
+++ b/client/app/services/service-details/service-details.component.js
@@ -11,8 +11,8 @@ export const ServiceDetailsComponent = {
 
 /** @ngInject */
 function ComponentController ($stateParams, $state, $window, CollectionsApi, EventNotifications, Chargeback, Consoles,
-                             TagEditorModal, ModalService, PowerOperations, ServicesState, TaggingService, lodash,
-                             Polling, LONG_POLLING_INTERVAL, UsageGraphsService) {
+                              TagEditorModal, ModalService, PowerOperations, ServicesState, TaggingService, lodash,
+                              Polling, LONG_POLLING_INTERVAL, UsageGraphsService) {
   const vm = this
   vm.$onInit = activate
   vm.$onDestroy = onDestroy
@@ -286,14 +286,24 @@ function ComponentController ($stateParams, $state, $window, CollectionsApi, Eve
 
     /** @ngInject */
     function resolveUsers (CollectionsApi) {
-      const options = {expand: 'resources', attributes: ['userid', 'name'], sort_by: 'name', sort_options: 'ignore_case'}
+      const options = {
+        expand: 'resources',
+        attributes: ['userid', 'name'],
+        sort_by: 'name',
+        sort_options: 'ignore_case'
+      }
 
       return CollectionsApi.query('users', options)
     }
 
     /** @ngInject */
     function resolveGroups (CollectionsApi) {
-      const options = {expand: 'resources', attributes: ['description'], sort_by: 'description', sort_options: 'ignore_case'}
+      const options = {
+        expand: 'resources',
+        attributes: ['description'],
+        sort_by: 'description',
+        sort_options: 'ignore_case'
+      }
 
       return CollectionsApi.query('groups', options)
     }
@@ -356,7 +366,7 @@ function ComponentController ($stateParams, $state, $window, CollectionsApi, Eve
   }
 
   function gotoComputeResource (resource) {
-    $state.go('services.resource-details', {vmId: resource.id})
+    $state.go('services.resource-details', {serviceId: vm.serviceId, vmId: resource.id})
   }
 
   function startVM (item, isDisabled) {
diff --git a/client/app/services/service-details/service-details.html b/client/app/services/service-details/service-details.html
index 5da810361..0e69d4eae 100644
--- a/client/app/services/service-details/service-details.html
+++ b/client/app/services/service-details/service-details.html
@@ -355,8 +355,11 @@ <h2 translate>Resources</h2>
                             Details</a>
                         </li>
                         <li role="menuitem">
-                          <a ui-sref="services.resource-details({vmId: item.id, viewType: 'graphsView'})" translate>View
-                            Graphs</a>
+                          <a
+                            ui-sref="services.resource-details({serviceId: vm.service.id, vmId: item.id, viewType: 'graphsView'})"
+                            translate>
+                            View Graphs
+                          </a>
                         </li>
                       </ul>
                     </div>
diff --git a/client/app/services/vms/snapshots.html b/client/app/services/vms/snapshots.html
index d5b6491ea..f97163130 100644
--- a/client/app/services/vms/snapshots.html
+++ b/client/app/services/vms/snapshots.html
@@ -9,7 +9,7 @@
         <a ng-if="!vm.vm.service.name" ui-sref="dashboard" translate>No Service</a>
       </li>
       <li>
-        <a ui-sref="services.resource-details({vmId: vm.vm.id})"> {{vm.vm.name}} </a>
+        <a ui-sref="services.resource-details({serviceId: vm.vm.service.id, vmId: vm.vm.id})"> {{vm.vm.name}} </a>
       </li>
       <li class="active" translate>
         Snapshots
diff --git a/client/app/states/services/resource-details/details.state.js b/client/app/states/services/resource-details/details.state.js
index 85a39ac0c..5cf1c9954 100644
--- a/client/app/states/services/resource-details/details.state.js
+++ b/client/app/states/services/resource-details/details.state.js
@@ -6,7 +6,7 @@ export function VmsDetailsState (routerHelper) {
 function getStates () {
   return {
     'services.resource-details': {
-      url: '/:vmId',
+      url: '/:serviceId/resource=:vmId',
       params: { viewType: null },
       template: '<vm-details>',
       title: N_('Resource Details')