diff --git a/app/components/royal-table.hbs b/app/components/royal-table.hbs
index 43c9bb5..92a8cca 100644
--- a/app/components/royal-table.hbs
+++ b/app/components/royal-table.hbs
@@ -1,33 +1,35 @@
-<table class='royal-table' ...attributes>
-  {{#if @caption}}
-    <caption>
-      {{@caption}}
-    </caption>
-  {{/if}}
-  <thead>
-    <tr>
-      {{yield
-        (component
-          'royal-table/column'
-          place='head'
-          onClickHead=@onClickHead
-          onSort=@onSort
-          sortingProp=@sortingProp
-          sortingIconComponent=@sortingIconComponent
-          parent=this
-        )
-      }}
-    </tr>
-  </thead>
-  <tbody>
-    {{#each @data as |item index|}}
+<div class='max-w-screen overflow-x-auto'>
+  <table class='royal-table' ...attributes>
+    {{#if @caption}}
+      <caption>
+        {{@caption}}
+      </caption>
+    {{/if}}
+    <thead>
       <tr>
         {{yield
-          (component 'royal-table/column' place='body' data=item parent=this)
-          item
-          index
+          (component
+            'royal-table/column'
+            place='head'
+            onClickHead=@onClickHead
+            onSort=@onSort
+            sortingProp=@sortingProp
+            sortingIconComponent=@sortingIconComponent
+            parent=this
+          )
         }}
       </tr>
-    {{/each}}
-  </tbody>
-</table>
+    </thead>
+    <tbody>
+      {{#each @data as |item index|}}
+        <tr>
+          {{yield
+            (component 'royal-table/column' place='body' data=item parent=this)
+            item
+            index
+          }}
+        </tr>
+      {{/each}}
+    </tbody>
+  </table>
+</div>