diff --git a/src/core/js/ext_bottom_line.js b/src/core/js/ext_bottom_line.js
index cc763d43ea5348a50605bc78f4b6db840e68ab96..eb6c10a31cfb560d0c2c24505ad79988d48d8a15 100644
--- a/src/core/js/ext_bottom_line.js
+++ b/src/core/js/ext_bottom_line.js
@@ -395,14 +395,13 @@ var ext_bottom_line = function($, logger, is_in_view_port, load_config, getEntit
      * @return {HTMLElement} the newly created container.
      */
     var add_preview_container = function(entity) {
-        const button_show = $('<button class="btn btn-sm card-footer"><span class="glyphicon glyphicon-menu-down"/> Show Preview</button>')
+        const button_show = $('<button class="btn btn-sm card-footer"><i class="bi bi-chevron-down"></i> Show Preview</button>')
             .css({
                 width: "100%",
                 padding: "0",
             })
             .addClass(_css_class_preview_container_button)
-            .hide();
-        const button_hide = $('<button class="btn btn-sm card-footer"><span class="glyphicon glyphicon-menu-up"/> Hide Preview</button>')
+        const button_hide = $('<button class="btn btn-sm card-footer"><i class="bi bi-chevron-up"></i> Hide Preview</button>')
             .css({
                 width: "100%",
                 padding: "0",