fix: increase tags under title size

apps/web/src/components/editor/header.js

@@ -27,11 +27,7 @@ function Header() {
       />
 
       {id && (
-        <Flex
-          alignItems="flex-start"
-          justifyContent="flex-start"
-          flexWrap="wrap"
-        >
+        <Flex alignItems="center" flexWrap="wrap">
           {tags.map((tag) => (
             <IconTag
               testId={`tag-${tag}`}
@@ -40,10 +36,11 @@ function Header() {
               icon={Icon.Tag}
               title={`Click to remove`}
               onClick={() => setTag(tag)}
-              styles={{ container: { mb: 1 } }}
+              styles={{ container: { mb: 1 }, text: { fontSize: "body" } }}
             />
           ))}
           <Autosuggest
+            sx={{ ml: 1 }}
             getData={() => db.tags.all}
             getFields={(item) => [item.title, item.alias]}
             limit={5}
@@ -113,6 +110,7 @@ function Autosuggest({
         sx={{ width: "auto", border: "none", p: 0 }}
         placeholder="Add a tag..."
         data-test-id="editor-tag-input"
+        fontSize="body"
         onChange={(e) => {
           const { value } = e.target;
           if (!value.length) {

apps/web/src/components/icon-tag/index.js

@@ -31,7 +31,10 @@ function IconTag({ text, title, icon: Icon, onClick, styles, testId }) {
       py="2px"
     >
       <Icon size={11} color={styles?.icon?.color} sx={{ ...styles?.icon }} />
-      <Text variant="body" p={0} fontSize={11} ml={"2px"}>
+      <Text
+        variant="body"
+        sx={{ fontSize: 11, ml: "2px", p: 0, ...styles?.text }}
+      >
         {text}
       </Text>
     </Flex>