From ef7ad8ce98808327442fe545d7fa27972c2dba9e Mon Sep 17 00:00:00 2001
From: kudlajz <kudlajzzz@gmail.com>
Date: Tue, 9 Jul 2024 18:15:33 +0200
Subject: [PATCH] Revert responsive behaviour of tables

---
 src/elements/Table/Table.scss |  7 -------
 src/elements/Table/Table.tsx  | 16 +++++++---------
 2 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/src/elements/Table/Table.scss b/src/elements/Table/Table.scss
index ac717147..d5bb3a5f 100644
--- a/src/elements/Table/Table.scss
+++ b/src/elements/Table/Table.scss
@@ -1,13 +1,7 @@
 @import "styles/variables";
 
-.prezly-slate-table-container {
-    width: 100%;
-    overflow-x: auto;
-}
-
 .prezly-slate-table {
     width: 100%;
-    max-width: 100%;
     border-collapse: collapse;
     table-layout: auto;
 
@@ -31,7 +25,6 @@
     outline: none !important;
     text-align: left;
     vertical-align: middle;
-    white-space: nowrap;
 
     > *:first-child {
         margin-top: 0;
diff --git a/src/elements/Table/Table.tsx b/src/elements/Table/Table.tsx
index 5bffcd24..9fbd2415 100644
--- a/src/elements/Table/Table.tsx
+++ b/src/elements/Table/Table.tsx
@@ -11,15 +11,13 @@ interface Props extends HTMLAttributes<HTMLTableElement> {
 export function Table({ children, node }: Props) {
     return (
         <TableContextProvider table={node}>
-            <div className="prezly-slate-table-container">
-                <table
-                    className={classNames('prezly-slate-table', {
-                        'prezly-slate-table--withBorders': node.border,
-                    })}
-                >
-                    <tbody>{children}</tbody>
-                </table>
-            </div>
+            <table
+                className={classNames('prezly-slate-table', {
+                    'prezly-slate-table--withBorders': node.border,
+                })}
+            >
+                <tbody>{children}</tbody>
+            </table>
         </TableContextProvider>
     );
 }