web: fix ui discrepancies due to theme-ui migration

BloodKirin · Sep 6, 2022 · 9054dac · 9054dac
1 parent 0a3ef4b
commit 9054dac
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/apps/web/src/components/notebook/index.js b/apps/web/src/components/notebook/index.js
@@ -84,16 +84,18 @@ function Notebook(props) {
               <Text variant="subBody" sx={{ color: "primary" }}>
                 Notebook
               </Text>
-              <Text as="span" mx={1}>
+              <Text as="span" mx={1} sx={{ color: "inherit" }}>
                 •
               </Text>
               {new Date(date).toLocaleDateString("en", {
                 dateStyle: "medium"
               })}
-              <Text as="span" mx={1}>
+              <Text as="span" mx={1} sx={{ color: "inherit" }}>
                 •
               </Text>
-              <Text>{pluralize(totalNotes, "note", "notes")}</Text>
+              <Text sx={{ color: "inherit" }}>
+                {pluralize(totalNotes, "note", "notes")}
+              </Text>
             </Flex>
           </>
         )

diff --git a/apps/web/src/views/settings.js b/apps/web/src/views/settings.js
@@ -194,9 +194,9 @@ function Settings() {
                   variant="columnCenter"
                   bg="shade"
                   mr={2}
-                  size={35}
                   sx={{
-                    borderRadius: 80
+                    borderRadius: 80,
+                    size: 35
                   }}
                 >
                   <Icon.User size={20} color="primary" />