diff --git a/tcms/testcases/static/testcases/js/get.js b/tcms/testcases/static/testcases/js/get.js
index 5decacaf2c..ecc39265b7 100644
--- a/tcms/testcases/static/testcases/js/get.js
+++ b/tcms/testcases/static/testcases/js/get.js
@@ -27,11 +27,19 @@ function addComponent(object_id, _input, to_table) {
 
 
 $(document).ready(function() {
+    var bug_systems_cache = {}
+    jsonRPC('BugSystem.filter', {}, function(data) {
+        data.forEach(function(element) {
+            bug_systems_cache[element.id] = element
+        });
+    });
+
     var case_id = $('#test_case_pk').data('pk');
     var product_id = $('#product_pk').data('pk');
     var perm_remove_tag = $('#test_case_pk').data('perm-remove-tag') === 'True';
     var perm_remove_component = $('#test_case_pk').data('perm-remove-component') === 'True';
     var perm_remove_plan = $('#test_case_pk').data('perm-remove-plan') === 'True';
+    var perm_remove_bug = $('#test_case_pk').data('perm-remove-bug') === 'True';
 
 
     // tags table
@@ -213,4 +221,27 @@ $(document).ready(function() {
         });
     });
 
+    // bugs table
+    var bugs_table = $('#bugs').DataTable({
+        ajax: function(data, callback, settings) {
+            dataTableJsonRPC('Bug.filter', {case: case_id}, callback);
+        },
+        columns: [
+            {
+                data: null,
+                render: function (data, type, full, meta) {
+                    var url = bug_systems_cache[data.bug_system_id].url_reg_exp.replace('%s', data.bug_id).replace('%d', data.bug_id);
+                    var name = bug_systems_cache[data.bug_system_id].name + ' #' + data.bug_id;
+                    return '<a href="' + url + '">' + name + '</a>';
+                }
+            },
+        ],
+        dom: "t",
+        language: {
+            loadingRecords: '<div class="spinner spinner-lg"></div>',
+            processing: '<div class="spinner spinner-lg"></div>',
+            zeroRecords: "No records found"
+        },
+        order: [[ 0, 'asc' ]],
+    });
 });
diff --git a/tcms/testcases/templates/testcases/get.html b/tcms/testcases/templates/testcases/get.html
index a3a6fc5aa2..67e736a995 100644
--- a/tcms/testcases/templates/testcases/get.html
+++ b/tcms/testcases/templates/testcases/get.html
@@ -16,6 +16,7 @@ <h1 class="col-md-12" style="margin-top: 0">
             data-perm-remove-tag="{{ perms.testcases.delete_testcasetag }}"
             data-perm-remove-component="{{ perms.testcases.delete_testcasecomponent }}"
             data-perm-remove-plan="{{ perms.testcases.delete_testcaseplan }}"
+            data-perm-remove-bug="{{ perms.testcases.delete_bug }}"
         >TC-{{ test_case.pk }}:</span> {{ test_case.summary }}
     </h1>
 
@@ -152,6 +153,25 @@ <h2 class="card-pf-title">
     </div>
 
     <div class="row row-cards-pf">
+        <div class="col-xs-12 col-sm-6 col-md-3">
+            <div class="card-pf card-pf-accented">
+                <h2 class="card-pf-title">
+                    <span class="fa fa-bug"></span>
+                    {% trans 'Bugs' %}
+                </h2>
+
+                <div class="card-pf-body">
+                    <table class="table" id="bugs">
+                        <thead>
+                            <tr>
+                                <th>{% trans 'Bug URL' %}</th>
+                            </tr>
+                        </thead>
+                    </table>
+                </div>
+            </div>
+        </div>
+
         <div class="col-xs-12 col-sm-6 col-md-9">
             <div class="card-pf card-pf-accented">
                 <h2 class="card-pf-title">
@@ -176,17 +196,6 @@ <h2 class="card-pf-title">
             </div>
         </div>
 
-        <div class="col-xs-12 col-sm-6 col-md-3">
-            <div class="card-pf card-pf-accented">
-                <h2 class="card-pf-title">
-                    <span class="fa fa-bug"></span>
-                    {% trans 'Bugs' %}
-                </h2>
-
-                <div class="card-pf-body">
-                </div>
-            </div>
-        </div>
     </div>
 
     <div class="row row-cards-pf">