Fix large table horizontal scroll and prevent side-by-side tables

app/assets/stylesheets/framework/mixins.scss

@@ -26,16 +26,11 @@
  */
 @mixin markdown-table {
   width: auto;
-  display: inline-block;
+  display: block;
   overflow-x: auto;
   border: 0;
   border-color: $gl-gray-100;
 
-  @supports (width: fit-content) {
-    display: block;
-    width: fit-content;
-  }
-
   tr {
     th {
       border-bottom: solid 2px $gl-gray-100;

changelogs/unreleased/table-fix-scroll-and-block.yml

+---
+title: Fix large table horizontal scroll and prevent side-by-side tables
+merge_request: 25520
+author: Dany Jupille
+type: fixed