Prevent broken page layout from table overflow

src/css/_page.scss

@@ -22,23 +22,27 @@ a {
 }
 
 .bullet-list li {
-  margin-bottom: 0.6 rem;
+  margin-bottom: 0.6rem;
 }
 
 .bullet-list a {
   color: var(--orange);
   text-decoration: none;
 }
 
+
 table {
-  width: 100%;
+  display: inline-block;
+  width: auto !important;
+  max-width: 100%;
+  overflow-x: auto;
   border-collapse: collapse;
 
   &.bordered {
     border: solid 2px #eee;
 
     td, th {
-      padding:4px 8px;
+      padding: 4px 8px;
     }
   }
 }
@@ -47,18 +51,18 @@ table {
   table-layout: fixed;
 }
 
-table.table-fixed h5 { 
+table.table-fixed h5 {
   margin-bottom: 0px;
 }
 
 th {
   border-bottom: solid 3px var(--grey-light);
   padding: 4px 8px;
-  background:  var(--grey-light);
+  background: var(--grey-light);
 }
 
 th.sortable {
-	cursor: pointer;
+  cursor: pointer;
 }
 
 td {
@@ -140,7 +144,7 @@ $alert-colors: (
   padding: 0.8rem 1rem;
   background: rgba(0, 0, 0, 0.05);
   font-size: 1rem;
-  
+
   p {
     margin: 0;
   }

src/css/_tables.scss

@@ -0,0 +1,20 @@
+/* Table utilities and reusable patterns */
+
+.sticky-table {
+  max-height: 80vh;
+  overflow-y: auto;
+
+  thead th {
+    position: sticky;
+    top: 0;
+    z-index: 3;
+  }
+}
+
+.market-table {
+  @extend .sticky-table;
+
+  .no-border {
+    border: none;
+  }
+}

src/css/pages/addons.scss

@@ -1,7 +1 @@
-.market-table {
-
-    .no-border {
-        border: none;
-    }
-}
-
+/* Page-specific styles for Add-ons live here. */