From 9368ffa0645d3fced85e1db668040f3c90ebac83 Mon Sep 17 00:00:00 2001
From: Thomas Osmonson <aulneau@users.noreply.github.com>
Date: Tue, 1 Dec 2020 12:03:58 -0600
Subject: [PATCH] fix: use StxInline

---
 src/components/custom-blocks/page-reference.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/custom-blocks/page-reference.tsx b/src/components/custom-blocks/page-reference.tsx
index b19d426b..77b06621 100644
--- a/src/components/custom-blocks/page-reference.tsx
+++ b/src/components/custom-blocks/page-reference.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Flex, BoxProps, color, Grid, space } from '@stacks/ui';
+import { Box, Flex, BoxProps, color, Grid, space, StxInline } from '@stacks/ui';
 import { BlockstackLogo } from '@components/icons/blockstack-logo';
 import { StackIcon } from '@components/icons/stack';
 import { SitemapIcon } from '@components/icons/sitemap';
@@ -227,7 +227,11 @@ const GridCard: React.FC<BoxProps & { page?: any }> = React.memo(({ page, ...res
 const getIcon = (icon: string) => {
   switch (icon) {
     case 'BlockstackIcon':
-      return (p: BoxProps) => <BlockstackLogo size="32px" color="#9985FF" {...p} />;
+      return (p: BoxProps) => (
+        <Grid borderRadius="6px" placeItems="center" bg="#9985FF" size="32px" {...p}>
+          <StxInline size="20px" color={color('bg')} />
+        </Grid>
+      );
     case 'StacksIcon':
       return (p: BoxProps) => (
         <Grid borderRadius="6px" style={{ placeItems: 'center' }} bg="#9985FF" size="32px" {...p}>