diff --git a/apps/web/src/components/notebook/index.js b/apps/web/src/components/notebook/index.js
index 1b8f658cb1..22accc991d 100644
--- 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
index 309dfe9e3b..d1e33298d8 100644
--- 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" />