diff --git a/src/app/(sidebar)/transaction/build/components/ClassicOperation.tsx b/src/app/(sidebar)/transaction/build/components/ClassicOperation.tsx index 5a9cb1bb3..70a1e094f 100644 --- a/src/app/(sidebar)/transaction/build/components/ClassicOperation.tsx +++ b/src/app/(sidebar)/transaction/build/components/ClassicOperation.tsx @@ -244,7 +244,7 @@ export const ClassicOperation = ({ {txnOperations.map((op, idx) => ( diff --git a/src/app/(sidebar)/transaction/dashboard/styles.scss b/src/app/(sidebar)/transaction/dashboard/styles.scss index 66265947d..7c87ac480 100644 --- a/src/app/(sidebar)/transaction/dashboard/styles.scss +++ b/src/app/(sidebar)/transaction/dashboard/styles.scss @@ -436,7 +436,7 @@ flex-direction: column; .Card { - --Card-padding: #{pxToRem(14px)}; + --Card-padding: #{pxToRem(16px)}; } } diff --git a/src/components/ValidationResponseCard/index.tsx b/src/components/ValidationResponseCard/index.tsx index c97006c0b..255cef5ce 100644 --- a/src/components/ValidationResponseCard/index.tsx +++ b/src/components/ValidationResponseCard/index.tsx @@ -22,75 +22,77 @@ export const ValidationResponseCard = ({ footerRightEl, }: ValidationResponseCard) => { return ( - - - <> - - {subtitle ?? null} - +
+ + + <> + + {subtitle ?? null} + - -
{response}
-
+ +
{response}
+
- {footerLeftEl || footerRightEl || note ? ( - - <> - {note ? ( - - {note} - - ) : null} + {footerLeftEl || footerRightEl || note ? ( + + <> + {note ? ( + + {note} + + ) : null} - {footerLeftEl || footerRightEl ? ( - - <> - {footerLeftEl ? ( - - <>{footerLeftEl} - - ) : null} + {footerLeftEl || footerRightEl ? ( + + <> + {footerLeftEl ? ( + + <>{footerLeftEl} + + ) : null} - {footerRightEl ? ( - - <>{footerRightEl} - - ) : null} - - - ) : null} - - - ) : null} - - -
+ {footerRightEl ? ( + + <>{footerRightEl} + + ) : null} + + + ) : null} + + + ) : null} + + + +
); }; diff --git a/src/components/ValidationResponseCard/styles.scss b/src/components/ValidationResponseCard/styles.scss index dab297c4d..be72a98a3 100644 --- a/src/components/ValidationResponseCard/styles.scss +++ b/src/components/ValidationResponseCard/styles.scss @@ -10,6 +10,10 @@ --ValidationResponseCard-title-color: var(--sds-clr-red-11); } + .Card { + --Card-padding: #{pxToRem(16px)}; + } + &__title { color: var(--ValidationResponseCard-title-color); } diff --git a/src/styles/globals.scss b/src/styles/globals.scss index 725b0cf32..e4f97484d 100644 --- a/src/styles/globals.scss +++ b/src/styles/globals.scss @@ -19,10 +19,6 @@ min-height: auto !important; display: block !important; - .Card { - --Card-padding: #{pxToRem(16px)}; - } - @media screen and (max-width: 1040px) { position: relative; z-index: 10;