diff --git a/src/theme.ts b/src/theme.ts
index e8b6f8bf..41fd65cb 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -71,6 +71,8 @@ const theme = {
       sm: '16px',
       md: '32px',
       lg: '40px',
+      xl: '48px',
+      xxl: '60px',
     },
   },
   loader: {
diff --git a/src/utils/Identicon/index.stories.tsx b/src/utils/Identicon/index.stories.tsx
index 3236590d..38d69f0c 100644
--- a/src/utils/Identicon/index.stories.tsx
+++ b/src/utils/Identicon/index.stories.tsx
@@ -17,6 +17,8 @@ export const sizes = (): React.ReactElement => {
       <Identicon address="thisIsAnExample" size="sm" />
       <Identicon address="thisIsAnExample" size="md" />
       <Identicon address="thisIsAnExample" size="lg" />
+      <Identicon address="thisIsAnExample" size="xl" />
+      <Identicon address="thisIsAnExample" size="xxl" />
     </>
   );
 };