diff --git a/app/components/CommandBarItem.tsx b/app/components/CommandBarItem.tsx
index 48020c9d6..1f22412e1 100644
--- a/app/components/CommandBarItem.tsx
+++ b/app/components/CommandBarItem.tsx
@@ -32,7 +32,7 @@ function CommandBarItem(
 
   return (
     <Item active={active} ref={ref}>
-      <Text type="secondary" align="center" gap={8}>
+      <Content align="center" gap={8}>
         <Icon>
           {action.icon ? (
             // @ts-expect-error no icon on ActionImpl
@@ -53,7 +53,7 @@ function CommandBarItem(
         ))}
         {action.name}
         {action.children?.length ? "…" : ""}
-      </Text>
+      </Content>
       {action.shortcut?.length ? (
         <div
           style={{
@@ -84,7 +84,7 @@ const Ancestor = styled.span`
   color: ${(props) => props.theme.textSecondary};
 `;
 
-const Text = styled(Flex)`
+const Content = styled(Flex)`
   overflow: hidden;
   text-overflow: ellipsis;
   flex-shrink: 1;
diff --git a/app/components/Modal.tsx b/app/components/Modal.tsx
index 3dd205adb..d5903905a 100644
--- a/app/components/Modal.tsx
+++ b/app/components/Modal.tsx
@@ -83,7 +83,7 @@ const Modal = ({
                 </Content>
                 <Back onClick={onRequestClose}>
                   <BackIcon size={32} color="currentColor" />
-                  <Text type="secondary">{t("Back")}</Text>
+                  <Text>{t("Back")}</Text>
                 </Back>
                 <Close onClick={onRequestClose}>
                   <CloseIcon size={32} color="currentColor" />