diff --git a/app/assets/javascripts/environments/components/environment_item.js.es6 b/app/assets/javascripts/environments/components/environment_item.js.es6
index 9241b5472a729d179d185efc382afc0cda855b6b..2f7d1d2a17765f8e57575cc55ed54aeabe36a6dd 100644
--- a/app/assets/javascripts/environments/components/environment_item.js.es6
+++ b/app/assets/javascripts/environments/components/environment_item.js.es6
@@ -475,7 +475,7 @@
             <div v-if="isStoppable && canCreateDeployment"
               class="inline js-stop-component-container">
               <stop-component
-                :stop_url="model.environment_path">
+                :stop_url="model.stop_path">
               </stop-component>
             </div>
 
diff --git a/app/assets/javascripts/environments/components/environment_stop.js.es6 b/app/assets/javascripts/environments/components/environment_stop.js.es6
index 2fc56b8942912553cd58b7e3d3c0a7423cc9e140..171d2d7fae3eb34cff26edea8e364380857ecc34 100644
--- a/app/assets/javascripts/environments/components/environment_stop.js.es6
+++ b/app/assets/javascripts/environments/components/environment_stop.js.es6
@@ -15,7 +15,7 @@
 
     computed: {
       stopUrl() {
-        return `${this.stop_url}/stop`;
+        return this.stop_url;
       },
     },
 
diff --git a/app/serializers/environment_entity.rb b/app/serializers/environment_entity.rb
index 93534ef1b15f9b189e0a13c2fddea93a0876632c..7e0fc9c071e84c22b378e33db3c27c65f9380167 100644
--- a/app/serializers/environment_entity.rb
+++ b/app/serializers/environment_entity.rb
@@ -16,5 +16,12 @@ class EnvironmentEntity < Grape::Entity
       environment)
   end
 
+  expose :stop_path do |environment|
+    stop_namespace_project_environment_path(
+      environment.project.namespace,
+      environment.project,
+      environment)
+  end
+
   expose :created_at, :updated_at
 end