From 70cc63404a15ae3403ceaf3b62615a279e26fce1 Mon Sep 17 00:00:00 2001
From: lihbr <lihbr@users.noreply.github.com>
Date: Thu, 12 Oct 2023 11:06:06 +0200
Subject: [PATCH] fix(slice-machine): convert legacy slice dialog overflow

---
 .../ConvertLegacySliceAsNewSliceDialog.tsx                   | 5 ++++-
 .../ConvertLegacySliceAsNewVariationDialog.tsx               | 5 ++++-
 .../ConvertLegacySliceMergeWithIdenticalDialog.tsx           | 5 ++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx
index 92e5f25331..3ed12ade6d 100644
--- a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx
+++ b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx
@@ -61,7 +61,10 @@ export const ConvertLegacySliceAsNewSliceDialog: FC<DialogProps> = ({
             return (
               <form id="convert-legacy-slice-as-new-slice-dialog">
                 <Box display="flex" flexDirection="column">
-                  <ScrollArea className={styles.scrollArea}>
+                  <ScrollArea
+                    className={styles.scrollArea}
+                    style={{ width: 448 }}
+                  >
                     <Text variant="normal" color="grey11">
                       This will create a new slice with the same fields. The new
                       slice will replace the legacy slice in all of your types,
diff --git a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx
index 06f0a83090..a2b47c6f15 100644
--- a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx
+++ b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx
@@ -65,7 +65,10 @@ export const ConvertLegacySliceAsNewVariationDialog: FC<DialogProps> = ({
             return (
               <form id="convert-legacy-slice-as-new-variation-dialog">
                 <Box display="flex" flexDirection="column">
-                  <ScrollArea className={styles.scrollArea}>
+                  <ScrollArea
+                    className={styles.scrollArea}
+                    style={{ width: 448 }}
+                  >
                     <Text variant="normal" color="grey11">
                       If you have multiple slices that are similar, you can
                       combine them as variations of the same slice.
diff --git a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx
index 2a41dd873a..cf78c80f4c 100644
--- a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx
+++ b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx
@@ -49,7 +49,10 @@ export const ConvertLegacySliceMergeWithIdenticalDialog: FC<DialogProps> = ({
             return (
               <form id="convert-legacy-slice-merge-with-identical-dialog">
                 <Box display="flex" flexDirection="column">
-                  <ScrollArea className={styles.scrollArea}>
+                  <ScrollArea
+                    className={styles.scrollArea}
+                    style={{ width: 448 }}
+                  >
                     <Text variant="normal" color="grey11">
                       If you have multiple identical slices, you can merge them.
                       All of your content will be remapped to the target slice.