@thecb/components 11.11.1-beta.1 → 11.11.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "11.11.1-beta.1",
+  "version": "11.11.1",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/formatted-bank-account/FormattedBankAccount.js

@@ -3,7 +3,7 @@ import styled from "styled-components";
 import { themeComponent } from "../../../util/themeUtils";
 import { fallbackValues } from "./FormattedBankAccount.theme";
 import BankIconLarge from "../icons/BankIconLarge";
-import { Stack, Box } from "../layouts";
+import { Stack } from "../layouts";
 import Text from "../text";
 
 export const BankItemWrapper = styled.div`
@@ -11,6 +11,12 @@ export const BankItemWrapper = styled.div`
   justify-content: flex-start;
   align-items: center;
 `;
+export const BankIconWrapper = styled.div`
+  margin-right: 8px;
+  width: 36px;
+  height: auto;
+  display: flex;
+`;
 
 export const BankAccountText = styled.h4`
   color: ${({ color }) => color};
@@ -32,9 +38,9 @@ const FormattedBankAccount = ({
   themeValues
 }) => (
   <BankItemWrapper>
-    <Box padding="0" extraStyles={`margin-right: 8px;`}>
+    <BankIconWrapper>
       <BankIconLarge />
-    </Box>
+    </BankIconWrapper>
     <Stack childGap="0">
       {accountType === CHECKING && (
         <BankAccountText color={themeValues.textColor}>