fix merge

paula-stacho · paula-stacho · commit 21f2b7255bda · 2025-05-09T12:55:19.000+02:00
diff --git a/packages/compass-data-modeling/src/components/new-diagram-form.tsx b/packages/compass-data-modeling/src/components/new-diagram-form.tsx
@@ -92,14 +92,17 @@ const FormStepContainer: React.FunctionComponent<{
       <ModalFooter className={footerStyles}>
         <Body className={footerTextStyles}>{footerText}</Body>
         <div className={footerActionsStyles}>
-          <Button onClick={onPreviousClick}>{previousLabel}</Button>
+          <Button onClick={onPreviousClick} key={`${step}-previous`}>
+            {previousLabel}
+          </Button>
           <Button
             onClick={onNextClick}
             disabled={isNextDisabled}
             isLoading={isLoading}
             data-testid="new-diagram-confirm-button"
             variant="primary"
             loadingIndicator={<SpinLoader />}
+            key={`${step}-next`}
           >
             {nextLabel}
           </Button>
@@ -143,7 +146,7 @@ function SelectCollectionsStep({
         }}
       />
       <SelectList
-        className={selectListStyles}
+        className={SelectListStyles}
         items={filteredCollections.map((collName) => {
           return {
             id: collName,
