diff --git a/src/Controllers/TubesController.php b/src/Controllers/TubesController.php
index 5d98028..2c59484 100644
--- a/src/Controllers/TubesController.php
+++ b/src/Controllers/TubesController.php
@@ -34,7 +34,10 @@ public function __construct(PheanstalkInterface $pheanstalk, JobRepository $jobs
      */
     public function index()
     {
-        $tubeNames = collect($this->pheanstalk->listTubes());
+        $tubeNames = $this->pheanstalk->listTubes();
+        
+        // its better if tubes sorted by alphabet so we can find them faster
+        sort($tubeNames);
 
         // Adam Wathan give me your strength!
         $tubes = collect($tubeNames)->map(function ($tube) {
@@ -58,7 +61,7 @@ public function showTube($tube)
         $nextReady = $this->jobs->nextReady($tube, true);
         $nextBuried = $this->jobs->nextBuried($tube);
         $nextDelayed = $this->jobs->nextDelayed($tube, true);
-        $prefix = config('beanstalkdui.prefix');
+        $prefix = url()->to('/'.config('beanstalkdui.prefix'));
 
         return view('beanstalkdui::tubes.show', compact(
             'nextReady',
diff --git a/src/Resources/assets/js/app.js b/src/Resources/assets/js/app.js
index 8a54a11..82033d0 100644
--- a/src/Resources/assets/js/app.js
+++ b/src/Resources/assets/js/app.js
@@ -29,9 +29,7 @@ new Vue({
 
     methods: {
         prefixUrl: function (url){
-            return this.prefix.length > 0
-                ? '/' + this.prefix + url
-                : url
+            return this.prefix + url;
         },
         fetchData: function () {
             $.get(this.prefixUrl('/beanstalkd/api/tubes/' + this.tube), function (response) {
diff --git a/src/Resources/assets/js/components/job-action.js b/src/Resources/assets/js/components/job-action.js
index cdc0656..632e8da 100644
--- a/src/Resources/assets/js/components/job-action.js
+++ b/src/Resources/assets/js/components/job-action.js
@@ -19,7 +19,8 @@ var JobAction = Vue.extend({
         fire: function () {
             $.ajax({
                 url: this.prefixUrl(this.url + this.job.id),
-                type: this.method,
+                type: 'POST',
+                data :{'_method':this.method},
                 success: function (response) {
                     this.$dispatch('notify', response);
                 }.bind(this)
diff --git a/src/Resources/assets/js/failed-jobs-table.js b/src/Resources/assets/js/failed-jobs-table.js
index 0c86129..78ba3eb 100644
--- a/src/Resources/assets/js/failed-jobs-table.js
+++ b/src/Resources/assets/js/failed-jobs-table.js
@@ -18,9 +18,7 @@ new Vue({
 
     methods: {
         prefixUrl: function (url){
-            return this.prefix.length > 0
-                ? '/' + this.prefix + url
-                : url
+            return this.prefix + url;
         },
         refresh: function (notify) {
             $.get(this.prefixUrl('/beanstalkd/api/tubes/' + this.tube + '/failed'), function (response) {