From ec01fec82157f11964884a91addca7ecadd6c3f3 Mon Sep 17 00:00:00 2001
From: Krzysztof Bialoglowicz <krzysztof@mirumee.com>
Date: Thu, 17 Oct 2019 15:52:48 +0200
Subject: [PATCH] Add fixed table layout

---
 .../components/WebhooksList/WebhooksList.tsx     | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/webhooks/components/WebhooksList/WebhooksList.tsx b/src/webhooks/components/WebhooksList/WebhooksList.tsx
index ac24b79e5..823407bbb 100644
--- a/src/webhooks/components/WebhooksList/WebhooksList.tsx
+++ b/src/webhooks/components/WebhooksList/WebhooksList.tsx
@@ -33,11 +33,21 @@ const useStyles = makeStyles((theme: Theme) => ({
       textAlign: "right"
     },
     colActive: {},
-    colName: {}
+    colName: {
+      "&&": {
+        width: "auto"
+      }
+    }
   },
   colAction: {},
   colActive: {},
-  colName: {},
+  colName: {
+    paddingLeft: 0,
+    width: 250
+  },
+  table: {
+    tableLayout: "fixed"
+  },
   tableRow: {
     cursor: "pointer"
   }
@@ -60,7 +70,7 @@ const WebhooksList: React.FC<WebhooksListProps> = ({
   const classes = useStyles({});
   return (
     <Card>
-      <Table>
+      <Table className={classes.table}>
         <TableHead>
           <TableRow>
             <TableCell className={classes.colName} padding="dense">