From ad95bebc8f1756487670cd9c5ec91f4457ee2668 Mon Sep 17 00:00:00 2001
From: Andreas Stenius <andreas.stenius@svenskaspel.se>
Date: Tue, 2 Mar 2021 12:41:40 +0100
Subject: [PATCH] badges: avoid badge dialog content to scroll horizontally.

Signed-off-by: Andreas Stenius <andreas.stenius@svenskaspel.se>
---
 plugins/badges/src/components/EntityBadgesDialog.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/plugins/badges/src/components/EntityBadgesDialog.tsx b/plugins/badges/src/components/EntityBadgesDialog.tsx
index 4fac612ec4..f30278ca4d 100644
--- a/plugins/badges/src/components/EntityBadgesDialog.tsx
+++ b/plugins/badges/src/components/EntityBadgesDialog.tsx
@@ -40,6 +40,9 @@ type Props = {
 };
 
 const useStyles = makeStyles({
+  content: {
+    overflowX: 'hidden',
+  },
   codeBlock: {
     '& code': {
       whiteSpace: 'pre-wrap',
@@ -86,7 +89,7 @@ export const EntityBadgesDialog = ({ open, onClose, entity }: Props) => {
     <Dialog fullScreen={fullScreen} open={open} onClose={onClose}>
       <DialogTitle id="badges-dialog-title">Entity Badges</DialogTitle>
 
-      <DialogContent>
+      <DialogContent className={classes.content}>
         {loading ? <Progress /> : null}
 
         {error ? (