diff --git a/app/assets/stylesheets/bootstrap_migration.scss b/app/assets/stylesheets/bootstrap_migration.scss
index f6f53b964af5dd44121379685c0c78141abdc1af..ad00ee65021820e5f2737096078f262637529f62 100644
--- a/app/assets/stylesheets/bootstrap_migration.scss
+++ b/app/assets/stylesheets/bootstrap_migration.scss
@@ -54,6 +54,10 @@ table {
   visibility: hidden !important;
 }
 
+.hide {
+  display: none;
+}
+
 .dropdown-toggle::after {
   // Remove bootstrap's dropdown caret
   display: none;
diff --git a/app/views/projects/_md_preview.html.haml b/app/views/projects/_md_preview.html.haml
index 858ceec46c9b1c3b6adfa4e82a7a3514f7adac79..8212ab9a31eda566e82f5ca06db00ab2cafed224 100644
--- a/app/views/projects/_md_preview.html.haml
+++ b/app/views/projects/_md_preview.html.haml
@@ -30,11 +30,11 @@
 
   .md-write-holder
     = yield
-  .md.md-preview-holder.js-md-preview.d-none.md-preview{ data: { url: url } }
-  .referenced-commands.d-none
+  .md.md-preview-holder.js-md-preview.hide.md-preview{ data: { url: url } }
+  .referenced-commands.hide
 
   - if referenced_users
-    .referenced-users.d-none
+    .referenced-users.hide
       %span
         = icon("exclamation-triangle")
         You are about to add