diff --git a/app/Services/DatatableService.php b/app/Services/DatatableService.php
index 9bf579c56905..cb775fdaed36 100644
--- a/app/Services/DatatableService.php
+++ b/app/Services/DatatableService.php
@@ -44,14 +44,14 @@ class DatatableService
             $str = '<center>';
 
             if (property_exists($model, 'is_deleted') && $model->is_deleted) {
-                $str .= '<button type="button" class="btn btn-sm btn-danger tr-status" style="display:inline-block; width:100px">'.trans('texts.deleted').'</button>';
+                $str .= '<button type="button" class="btn btn-sm btn-danger tr-status">'.trans('texts.deleted').'</button>';
             } elseif ($model->deleted_at && $model->deleted_at !== '0000-00-00') {
-                $str .= '<button type="button" class="btn btn-sm btn-warning tr-status" style="display:inline-block; width:100px">'.trans('texts.archived').'</button>';
+                $str .= '<button type="button" class="btn btn-sm btn-warning tr-status">'.trans('texts.archived').'</button>';
             } else {
-                $str .= '<div class="tr-status" style="display:inline-block; width:100px"></div>';
+                $str .= '<div class="tr-status"></div>';
             }
 
-            $str .= '<div class="btn-group tr-action" style="display:none;">
+            $str .= '<div class="btn-group tr-action" style="height:auto;visibility:hidden">
                     <button type="button" class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown" style="width:100px">
                         '.trans('texts.select').' <span class="caret"></span>
                     </button>
diff --git a/public/js/built.js b/public/js/built.js
index e01ee5ea0aa9..7891755c0efc 100644
--- a/public/js/built.js
+++ b/public/js/built.js
@@ -30867,13 +30867,13 @@ function truncate(string, length){
 // Show/hide the 'Select' option in the datalists 
 function actionListHandler() {
     $('tbody tr').mouseover(function() {
-        $(this).closest('tr').find('.tr-action').css('display', 'inline-block');
-        $(this).closest('tr').find('.tr-status').css('display', 'none');
+        $(this).closest('tr').find('.tr-action').css('visibility', 'visible');
+        $(this).closest('tr').find('.tr-status').css('visibility', 'hidden');
     }).mouseout(function() {
         $dropdown = $(this).closest('tr').find('.tr-action');
         if (!$dropdown.hasClass('open')) {
-          $dropdown.css('display', 'none');
-          $(this).closest('tr').find('.tr-status').css('display', 'inline-block');
+          $dropdown.css('visibility', 'hidden');
+          $(this).closest('tr').find('.tr-status').css('visibility', 'visible');
         }
     });
 }
diff --git a/public/js/script.js b/public/js/script.js
index 8e9649c9a471..ff6aa1a820c1 100644
--- a/public/js/script.js
+++ b/public/js/script.js
@@ -989,13 +989,13 @@ function truncate(string, length){
 // Show/hide the 'Select' option in the datalists 
 function actionListHandler() {
     $('tbody tr').mouseover(function() {
-        $(this).closest('tr').find('.tr-action').css('display', 'inline-block');
-        $(this).closest('tr').find('.tr-status').css('display', 'none');
+        $(this).closest('tr').find('.tr-action').css('visibility', 'visible');
+        $(this).closest('tr').find('.tr-status').css('visibility', 'hidden');
     }).mouseout(function() {
         $dropdown = $(this).closest('tr').find('.tr-action');
         if (!$dropdown.hasClass('open')) {
-          $dropdown.css('display', 'none');
-          $(this).closest('tr').find('.tr-status').css('display', 'inline-block');
+          $dropdown.css('visibility', 'hidden');
+          $(this).closest('tr').find('.tr-status').css('visibility', 'visible');
         }
     });
 }
\ No newline at end of file