diff --git a/apps/mobile/app/components/dialogs/vault/index.tsx b/apps/mobile/app/components/dialogs/vault/index.tsx
index d6a47a625..93fb4bba4 100644
--- a/apps/mobile/app/components/dialogs/vault/index.tsx
+++ b/apps/mobile/app/components/dialogs/vault/index.tsx
@@ -55,9 +55,7 @@ import FormInput, {
   createFormRef,
   validators
 } from "../../ui/input/form-input";
-import Paragraph from "../../ui/typography/paragraph";
 import { strings } from "@notesnook/intl";
-import { DefaultAppStyles } from "../../../utils/styles";
 import {
   isEncryptedContent,
   Note,
@@ -72,6 +70,7 @@ import { Radius, Spacing } from "../../../common/design/spacing";
 import { PASSWORD_PLACEHOLDER } from "../../../utils/constants";
 import { AppFontSize } from "../../../utils/size";
 import { useSettingStore } from "../../../stores/use-setting-store";
+import { Checkbox } from "../../ui/checkbox";
 
 export const VaultDialog: React.FC = () => {
   const { colors } = useThemeColors();
@@ -632,7 +631,7 @@ export const VaultDialog: React.FC = () => {
       descriptionRef.current = data.description || null;
       paragraphRef.current = data.paragraph || null;
       buttonTitleRef.current = data.buttonTitle || null;
-      positiveButtonTypeRef.current = data.positiveButtonType || "transparent";
+      positiveButtonTypeRef.current = data.positiveButtonType || "accent";
       customActionTitleRef.current = data.customActionTitle || null;
       customActionParagraphRef.current = data.customActionParagraph || null;
       onUnlockRef.current = data.onUnlock;
@@ -641,7 +640,7 @@ export const VaultDialog: React.FC = () => {
       // Set UI state
       setIsBiometryAvailable(available);
       setIsBiometryEnrolled(fingerprint);
-      setBiometricUnlock(fingerprint);
+      // setBiometricUnlock(fingerprint);
       setIcon(data.icon);
       setDeleteAll(false);
       setLoading(false);
@@ -719,7 +718,11 @@ export const VaultDialog: React.FC = () => {
         }}
       >
         <DialogHeader
-          title={titleRef.current}
+          title={
+            requestType === VaultRequestType.PermanentUnlock
+              ? noteRef.current?.title
+              : titleRef.current
+          }
           paragraph={
             paragraphRef.current || customActionParagraphRef.current || ""
           }
@@ -737,7 +740,7 @@ export const VaultDialog: React.FC = () => {
             paddingHorizontal: Spacing.LEVEL_3,
             gap: isDeleteVault ? 0 : Spacing.LEVEL_4,
             marginTop: Spacing.LEVEL_4,
-            marginBottom: Spacing.LEVEL_1
+            marginBottom: Spacing.LEVEL_4
           }}
         >
           {(isChangePassword ||
@@ -841,9 +844,14 @@ export const VaultDialog: React.FC = () => {
           ) : null}
 
           {isCreateVault ? (
-            <View>
+            <View
+              style={{
+                gap: Spacing.LEVEL_2
+              }}
+            >
               <FormInput
                 name="password"
+                label={strings.password()}
                 formRef={formRef}
                 fwdRef={passInputRef}
                 autoCapitalize="none"
@@ -886,12 +894,7 @@ export const VaultDialog: React.FC = () => {
             </View>
           ) : null}
 
-          {biometricUnlock && !isBiometryEnrolled && !isCreateVault ? (
-            <Paragraph>{strings.vaultEnableBiometrics()}</Paragraph>
-          ) : null}
-
-          {!biometricUnlock &&
-          !isBiometryEnrolled &&
+          {!isBiometryEnrolled &&
           isBiometryAvailable &&
           (requestType === VaultRequestType.CopyNote ||
             requestType === VaultRequestType.DeleteNote ||
@@ -900,20 +903,16 @@ export const VaultDialog: React.FC = () => {
             requestType === VaultRequestType.GoToEditor ||
             requestType === VaultRequestType.PermanentUnlock ||
             requestType === VaultRequestType.LockNote) ? (
-            <Button
+            <Checkbox
+              title={strings.vaultEnableBiometrics()}
+              checked={biometricUnlock}
+              iconSize={12}
+              style={{
+                marginTop: -Spacing.LEVEL_1
+              }}
               onPress={() => {
                 setBiometricUnlock(!biometricUnlock);
               }}
-              style={{
-                marginTop: DefaultAppStyles.GAP_VERTICAL
-              }}
-              icon="fingerprint"
-              width="100%"
-              title={strings.unlockWithBiometrics()}
-              iconColor={
-                biometricUnlock ? colors.selected.accent : colors.primary.icon
-              }
-              type={biometricUnlock ? "transparent" : "plain"}
             />
           ) : null}
         </View>
diff --git a/apps/mobile/app/components/side-menu/notebook-item.tsx b/apps/mobile/app/components/side-menu/notebook-item.tsx
index 17a570107..8db3099e1 100644
--- a/apps/mobile/app/components/side-menu/notebook-item.tsx
+++ b/apps/mobile/app/components/side-menu/notebook-item.tsx
@@ -57,7 +57,8 @@ export const NotebookItem = ({
   disableExpand,
   hideNoteCount,
   style,
-  subNotebookButtonStyle
+  subNotebookButtonStyle,
+  selectionCheckboxLocation = "right"
 }: {
   index: number;
   item: TreeItem;
@@ -76,6 +77,7 @@ export const NotebookItem = ({
   hideNoteCount?: boolean;
   style?: ViewStyle;
   subNotebookButtonStyle?: ViewStyle;
+  selectionCheckboxLocation?: "left" | "right";
 }) => {
   const notebook = item.notebook;
   const isFocused = focused;
@@ -194,7 +196,8 @@ export const NotebookItem = ({
               gap: Spacing.LEVEL_1
             }}
           >
-            {item.depth === 0 ? (
+            {item.depth === 0 &&
+            (!selectionEnabled || selectionCheckboxLocation === "right") ? (
               <AppIcon
                 size={AppFontSize.md}
                 color={
@@ -211,11 +214,34 @@ export const NotebookItem = ({
               />
             ) : null}
 
+            {selectionEnabled && selectionCheckboxLocation === "left" ? (
+              <View
+                style={{
+                  justifyContent: "center",
+                  alignItems: "center"
+                }}
+              >
+                <AppIcon
+                  name={selected ? "checkbox" : "box-empty"}
+                  iconFamily="notesnook"
+                  size={16}
+                  color={
+                    selected
+                      ? [
+                          colors.selected.accent,
+                          colors.selected.accentForeground
+                        ]
+                      : colors.primary.icon
+                  }
+                />
+              </View>
+            ) : null}
+
             <Paragraph
               color={
                 isFocused ? colors.selected.paragraph : colors.primary.paragraph
               }
-              size={AppFontSize.sm}
+              fontSize="SM"
             >
               {notebook?.title}
             </Paragraph>
@@ -229,7 +255,7 @@ export const NotebookItem = ({
               justifyContent: "center"
             }}
           >
-            {selectionEnabled ? (
+            {selectionEnabled && selectionCheckboxLocation === "right" ? (
               <View
                 style={{
                   justifyContent: "center",
@@ -239,7 +265,7 @@ export const NotebookItem = ({
                 <AppIcon
                   name={selected ? "checkbox" : "box-empty"}
                   iconFamily="notesnook"
-                  size={AppFontSize.md}
+                  size={16}
                   color={
                     selected
                       ? [
@@ -250,17 +276,15 @@ export const NotebookItem = ({
                   }
                 />
               </View>
-            ) : (
-              <>
-                {item.hasChildren || hideNoteCount ? null : (
-                  <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
-                    {totalNotes?.(notebook?.id) || 0}
-                  </Paragraph>
-                )}
-              </>
+            ) : null}
+
+            {item.hasChildren || hideNoteCount || selectionEnabled ? null : (
+              <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
+                {totalNotes?.(notebook?.id) || 0}
+              </Paragraph>
             )}
 
-            {onAddNotebook ? (
+            {onAddNotebook && !item.hasChildren ? (
               <IconButton
                 name="plus"
                 iconFamily="notesnook"
@@ -303,7 +327,8 @@ export const NotebookItem = ({
                 style={{
                   borderRadius: defaultBorderRadius,
                   width: undefined,
-                  height: undefined
+                  height: undefined,
+                  marginRight: 1.5
                 }}
                 iconFamily="notesnook"
                 name={expanded ? "chevron-up" : "chevron-down"}
@@ -313,7 +338,7 @@ export const NotebookItem = ({
         </Pressable>
       </View>
 
-      {expanded && item.hasChildren && !selectionEnabled ? (
+      {expanded && item.hasChildren ? (
         <View
           style={{
             width: "100%",
diff --git a/apps/mobile/app/components/ui/checkbox.tsx b/apps/mobile/app/components/ui/checkbox.tsx
index 423de95eb..1b41804af 100644
--- a/apps/mobile/app/components/ui/checkbox.tsx
+++ b/apps/mobile/app/components/ui/checkbox.tsx
@@ -77,7 +77,7 @@ export const Checkbox = ({
       style={{
         width: width || undefined,
         flexDirection: "row",
-        alignItems: "center",
+        alignItems: "flex-start",
         justifyContent: "flex-start",
         flexShrink: 1,
         gap: Spacing.LEVEL_1,
@@ -92,6 +92,9 @@ export const Checkbox = ({
         name={checked ? "checkbox" : "box-empty"}
         iconFamily="notesnook"
         size={iconSize}
+        style={{
+          marginTop: 1.5
+        }}
         color={
           iconColor ||
           (checked
@@ -102,7 +105,7 @@ export const Checkbox = ({
 
       {title ? (
         <Paragraph
-          numberOfLines={1}
+          numberOfLines={2}
           size={fontSize}
           fontFamily={fontFamily}
           color={colors.primary.paragraph}
diff --git a/apps/mobile/app/components/ui/icon-button/index.tsx b/apps/mobile/app/components/ui/icon-button/index.tsx
index c70b58350..f9f1bce32 100644
--- a/apps/mobile/app/components/ui/icon-button/index.tsx
+++ b/apps/mobile/app/components/ui/icon-button/index.tsx
@@ -98,7 +98,6 @@ export const IconButton = ({
       style={{
         justifyContent: "center",
         alignItems: "center",
-        // borderRadius: 100,
         width: size,
         height: size,
         ...style
diff --git a/apps/mobile/app/components/ui/input/form-input.tsx b/apps/mobile/app/components/ui/input/form-input.tsx
index 2c7bcebb9..f5738344b 100644
--- a/apps/mobile/app/components/ui/input/form-input.tsx
+++ b/apps/mobile/app/components/ui/input/form-input.tsx
@@ -185,13 +185,13 @@ export function hasFormErrors(errors: FormErrors) {
 export const validators = {
   required:
     (message = "This field is required") =>
-      (value: string) =>
-        value?.trim() ? undefined : message,
+    (value: string) =>
+      value?.trim() ? undefined : message,
 
   email:
     (message = "Please enter a valid email") =>
-      (value: string) =>
-        !value?.trim() || isEmail(value.trim()) ? undefined : message,
+    (value: string) =>
+      !value?.trim() || isEmail(value.trim()) ? undefined : message,
 
   minLength: (length: number, message?: string) => (value: string) =>
     !value || value.length >= length
@@ -200,15 +200,15 @@ export const validators = {
 
   url:
     (message = "Please enter a valid URL") =>
-      (value: string) =>
-        !value?.trim() || isURL(value.trim(), { allow_underscores: true })
-          ? undefined
-          : message,
+    (value: string) =>
+      !value?.trim() || isURL(value.trim(), { allow_underscores: true })
+        ? undefined
+        : message,
 
   matchField:
     (fieldName: string, message = "Values do not match") =>
-      (value: string, values: FormValues) =>
-        value === values[fieldName] ? undefined : message
+    (value: string, values: FormValues) =>
+      value === values[fieldName] ? undefined : message
 };
 
 interface FormInputProps extends TextInputProps {
@@ -388,7 +388,7 @@ export function FormInput({
             <IconButton
               name={!secureEntry ? "eye-closed" : "eye-open"}
               iconFamily="notesnook"
-              size={20}
+              size={16}
               top={10}
               bottom={10}
               onPress={() => {
@@ -409,7 +409,7 @@ export function FormInput({
             <IconButton
               testID={button.testID}
               name={button.icon}
-              size={button.size || AppFontSize.xl}
+              size={button.size || 16}
               top={10}
               bottom={10}
               onPress={button.onPress}
diff --git a/apps/mobile/app/hooks/use-actions.tsx b/apps/mobile/app/hooks/use-actions.tsx
index 0c40f51ad..138e8cd16 100644
--- a/apps/mobile/app/hooks/use-actions.tsx
+++ b/apps/mobile/app/hooks/use-actions.tsx
@@ -941,6 +941,7 @@ export const useActions = ({
           requestType: VaultRequestType.PermanentUnlock,
           item: item,
           title: strings.unlockNote(),
+          paragraph: strings.thisNoteLocked(),
           buttonTitle: strings.unlock()
         });
         return;
@@ -962,7 +963,8 @@ export const useActions = ({
               requestType: VaultRequestType.CreateVault,
               item: item,
               title: strings.createVault(),
-              buttonTitle: strings.lock()
+              buttonTitle: strings.lock(),
+              positiveButtonType: "accent"
             });
             break;
           case VAULT_ERRORS.vaultLocked:
@@ -970,7 +972,8 @@ export const useActions = ({
               requestType: VaultRequestType.LockNote,
               item: item,
               title: strings.lockNote(),
-              buttonTitle: strings.lock()
+              buttonTitle: strings.lock(),
+              positiveButtonType: "accent"
             });
             break;
         }
diff --git a/apps/mobile/app/screens/home/index.tsx b/apps/mobile/app/screens/home/index.tsx
index 4b7cf5d5e..096bb13df 100755
--- a/apps/mobile/app/screens/home/index.tsx
+++ b/apps/mobile/app/screens/home/index.tsx
@@ -65,6 +65,9 @@ export const Home = ({ navigation, route }: NavigationProps<"Notes">) => {
           });
         }}
         id={route.name}
+        style={{
+          paddingHorizontal: Spacing.LEVEL_2
+        }}
         onPressDefaultRightButton={openEditor}
       />
 
diff --git a/apps/mobile/app/screens/link-notebooks/index.tsx b/apps/mobile/app/screens/link-notebooks/index.tsx
index 7dc7598dc..3e93eaea6 100644
--- a/apps/mobile/app/screens/link-notebooks/index.tsx
+++ b/apps/mobile/app/screens/link-notebooks/index.tsx
@@ -25,6 +25,7 @@ import { ActivityIndicator, View } from "react-native";
 import { FlatList } from "react-native-actions-sheet";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { db } from "../../common/database";
+import { Spacing } from "../../common/design/spacing";
 import Navigation, { NavigationProps } from "../../services/navigation";
 import {
   createNotebookTreeStores,
@@ -35,10 +36,9 @@ import { useNotebooks } from "../../stores/use-notebook-store";
 import { useRelationStore } from "../../stores/use-relation-store";
 import { updateNotebook } from "../../utils/notebooks";
 import { AppFontSize } from "../../utils/size";
-import { DefaultAppStyles } from "../../utils/styles";
-import { FloatingButton } from "../../components/container/floating-button";
 import { Header } from "../../components/header";
 import { NotebookItem } from "../../components/side-menu/notebook-item";
+import { Button } from "../../components/ui/button";
 import Input from "../../components/ui/input";
 import Paragraph from "../../components/ui/typography/paragraph";
 import { AddNotebookSheet } from "../../components/sheets/add-notebook";
@@ -193,10 +193,35 @@ const LinkNotebooks = (props: NavigationProps<"LinkNotebooks">) => {
     []
   );
 
+  const onCreateNotebook = async () => {
+    const notebooksFeature = await isFeatureAvailable("notebooks");
+    if (!notebooksFeature.isAllowed) {
+      ToastManager.show({
+        message: notebooksFeature.error,
+        type: "info",
+        context: "local",
+        actionText: strings.upgrade(),
+        func: () => {
+          ToastManager.hide();
+          PaywallSheet.present(notebooksFeature);
+        }
+      });
+      return;
+    }
+    AddNotebookSheet.present(
+      undefined,
+      undefined,
+      "global",
+      undefined,
+      false,
+      searchQuery.current
+    );
+  };
+
   return (
     <SafeAreaView
       style={{
-        gap: DefaultAppStyles.GAP_VERTICAL,
+        gap: Spacing.LEVEL_2,
         flex: 1,
         backgroundColor: colors.primary.background
       }}
@@ -204,10 +229,15 @@ const LinkNotebooks = (props: NavigationProps<"LinkNotebooks">) => {
       <Header
         title={strings.addToNotebook()}
         canGoBack
+        style={{
+          backgroundColor: colors.primary.background
+        }}
         rightButton={
           hasSelection
             ? {
-                name: "restore",
+                name: "arrow-counter-clockwise",
+                iconFamily: "notesnook",
+                size: 20,
                 onPress: () => {
                   updateInitialSelectionState(noteIds);
                 }
@@ -225,9 +255,10 @@ const LinkNotebooks = (props: NavigationProps<"LinkNotebooks">) => {
         ListHeaderComponent={
           <View
             style={{
-              paddingHorizontal: DefaultAppStyles.GAP,
+              paddingHorizontal: Spacing.LEVEL_3,
               width: "100%",
-              paddingVertical: DefaultAppStyles.GAP_VERTICAL
+              paddingBottom: Spacing.LEVEL_3,
+              gap: Spacing.LEVEL_3
             }}
           >
             <Input
@@ -238,35 +269,33 @@ const LinkNotebooks = (props: NavigationProps<"LinkNotebooks">) => {
                   updateNotebooks();
                 }, 300);
               }}
-              button={{
-                icon: "plus",
-                onPress: async () => {
-                  const notebooksFeature =
-                    await isFeatureAvailable("notebooks");
-                  if (!notebooksFeature.isAllowed) {
-                    ToastManager.show({
-                      message: notebooksFeature.error,
-                      type: "info",
-                      context: "local",
-                      actionText: strings.upgrade(),
-                      func: () => {
-                        ToastManager.hide();
-                        PaywallSheet.present(notebooksFeature);
-                      }
-                    });
-                    return;
-                  }
-                  AddNotebookSheet.present(
-                    undefined,
-                    undefined,
-                    "global",
-                    undefined,
-                    false,
-                    searchQuery.current
-                  );
-                },
-                color: colors.primary.icon
+              containerStyle={{
+                backgroundColor: colors.secondary.background,
+                borderWidth: 0
               }}
+              button={{
+                icon: "search",
+                iconFamily: "notesnook",
+                onPress: () => {},
+                color: colors.secondary.icon,
+                size: 16
+              }}
+            />
+
+            <View
+              style={{
+                height: 1,
+                backgroundColor: colors.primary.border
+              }}
+            />
+
+            <Button
+              title={strings.createNotebook()}
+              icon="plus"
+              iconPosition="left"
+              type="accent-outline"
+              width="100%"
+              onPress={onCreateNotebook}
             />
 
             {!multiSelect ? (
@@ -302,14 +331,23 @@ const LinkNotebooks = (props: NavigationProps<"LinkNotebooks">) => {
         }
       />
 
-      {hasSelection ? (
-        <FloatingButton
+      <View
+        style={{
+          borderTopWidth: 1,
+          borderTopColor: colors.primary.border,
+          backgroundColor: colors.primary.background,
+          padding: Spacing.LEVEL_3
+        }}
+      >
+        <Button
           testID="floating-save-button"
-          icon="check"
-          alwaysVisible
+          title={strings.saveChanges()}
+          type="accent"
+          width="100%"
+          disabled={!hasSelection}
           onPress={() => onSave()}
         />
-      ) : null}
+      </View>
     </SafeAreaView>
   );
 };
@@ -357,12 +395,13 @@ const NotebookItemWrapper = React.memo(
     return (
       <View
         style={{
-          paddingHorizontal: DefaultAppStyles.GAP
+          paddingHorizontal: Spacing.LEVEL_3
         }}
       >
         <NotebookItem
           item={item}
           index={index}
+          selectionCheckboxLocation="left"
           expanded={expanded}
           onToggleExpanded={async () => {
             useNotebookExpandedStore.getState().setExpanded(item.notebook.id);
@@ -395,6 +434,12 @@ const NotebookItemWrapper = React.memo(
                     : "deselected"
               );
           }}
+          style={{
+            paddingVertical: Spacing.LEVEL_1
+          }}
+          subNotebookButtonStyle={{
+            paddingVertical: Spacing.LEVEL_1
+          }}
           canDisableSelectionMode={false}
           selected={selected}
           selectionEnabled={selectionEnabled}
diff --git a/apps/mobile/fonts/notesnook-icons.glyphmap.json b/apps/mobile/fonts/notesnook-icons.glyphmap.json
index 24637e420..e307391d3 100644
--- a/apps/mobile/fonts/notesnook-icons.glyphmap.json
+++ b/apps/mobile/fonts/notesnook-icons.glyphmap.json
@@ -1 +1 @@
-{"m":{"f":"notesnook-icons","u":1024,"z":1020,"s":59648,"h":"062b04ae5d347ff9df140348f63c4db60deae915c8111f816e25228ed8ac34f6"},"i":{"archive":[1024,[[59648,"#666666"]]],"arrow-back":[1024,[[59649,"rgba(255,255,255,0.7)"]]],"arrow-clockwise":[1024,[[59650,"#181818"]]],"arrow-counter-clockwise":[1024,[[59651,"#181818"]]],"arrow-fat-up":[1024,[[59652,"var(--fill-0, #181818)"]]],"arrow-right":[1024,[[59653,"#008836"]]],"arrow-square-out":[1024,[[59654,"#666666"]]],"arrow-u-up-left":[1024,[[59655,"var(--fill-0, #181818)"]]],"arrows-clockwise":[1024,[[59656,"var(--fill-0, #181818)"]]],"backspace":[1024,[[59657,"#181818"]]],"bag-simple":[1024,[[59658,"var(--fill-0, #181818)"]]],"bell-z":[1024,[[59659,"#181818"]]],"bell":[1024,[[59660,"#666666"]]],"bomb-off":[1024,[[59661,"currentColor"]]],"bomb":[1024,[[59662,"#666666"]]],"book-open":[1024,[[59663,"#666666"]]],"bookmark":[1024,[[59664,"#666666"]]],"box-empty":[1024,[[59665,"#B0B0B1"]]],"bug-droid":[1024,[[59666,"var(--fill-0, #181818)"]]],"calendar-check":[946,[[59667,"var(--fill-0, #181818)"]]],"calendar-day":[1024,[[59668,"#181818"]]],"calendar-dots":[946,[[59669,"var(--fill-0, #181818)"]]],"calendar":[1024,[[59670,"rgba(102,102,102,0.8)"]]],"chart-donut":[1024,[[59671,"#181818"]]],"chart-line-up":[1024,[[59672,"var(--fill-0, #181818)"]]],"chat":[1024,[[59673,"white"]]],"check-small":[951,[[59674,"#008836"]]],"check-square":[1024,[[59675,"#181818"]]],"check":[1024,[[59676,"#008836"]]],"checkbox-intermediate":[1024,[[59677,"currentColor"]]],"checkbox":[1024,[[59678,"#008836"],[59679,"white"]]],"checks":[1024,[[59680,"#181818"]]],"chevron-down":[1024,[[59681,"#181818"]]],"chevron-right":[1024,[[59682,"#181818"]]],"chevron-up":[1024,[[59683,"#181818"]]],"clock-counter-clockwise":[1024,[[59684,"var(--fill-0, #181818)"]]],"clock":[1024,[[59685,"#181818"]]],"close":[1024,[[59686,"#666666"]]],"cloud-check":[1024,[[59687,"var(--fill-0, #181818)"]]],"cloud":[1024,[[59688,"white"]]],"copy":[1024,[[59689,"#008836"]]],"crown-simple":[1024,[[59690,"#E0B637"]]],"dark-mode-outline":[1024,[[59691,"currentColor"]]],"delete-restore":[1024,[[59692,"currentColor"]]],"device-mobile-camera":[1024,[[59693,"var(--fill-0, #181818)"]]],"discord-logo":[1024,[[59694,"var(--fill-0, #181818)"]]],"dots-three":[1024,[[59695,"#202020"]]],"download-simple":[1024,[[59696,"var(--fill-0, #181818)"]]],"drive-file-move":[1088,[[59697,"#666666"]]],"duplicate":[1024,[[59698,"currentColor"]]],"edit-pencil":[1024,[[59699,"#181818"]]],"ellipse":[1024,[[59700,"#A6A6A6"]]],"envelope-simple":[1024,[[59701,"white"]]],"export":[1024,[[59702,"var(--fill-0, #181818)"]]],"eye-closed":[1024,[[59703,"white"]]],"eye-filled":[1024,[[59704,"#666666"]]],"eye-open":[1024,[[59705,"currentColor"]]],"eye-slash":[1024,[[59706,"var(--fill-0, #181818)"]]],"file-cloud":[1024,[[59707,"#181818"]]],"file-dashed":[1024,[[59708,"var(--fill-0, #181818)"]]],"file-html":[1024,[[59709,"#181818"]]],"file-pdf":[1024,[[59710,"#181818"]]],"file-text":[1024,[[59711,"var(--fill-0, #181818)"]]],"file":[1024,[[59712,"white"]]],"fingerprint-simple":[1024,[[59713,"#181818"]]],"folder":[1024,[[59714,"#181818"]]],"funnel":[1024,[[59715,"#666666"]]],"gift":[1024,[[59716,"#181818"]]],"git-pull-request":[1024,[[59717,"var(--fill-0, #181818)"]]],"github-logo":[1024,[[59718,"var(--fill-0, #181818)"]]],"hard-drives":[1024,[[59719,"var(--fill-0, #181818)"]]],"home":[1024,[[59720,"#181818"]]],"house":[1024,[[59721,"#6F6F6F"]]],"identifier":[1024,[[59722,"currentColor"]]],"image-outline":[1024,[[59723,"white"]]],"key":[1024,[[59724,"var(--fill-0, #181818)"]]],"link-alt":[1024,[[59725,"#666666"]]],"link":[560,[[59726,"#666666"]]],"list":[2190,[[59727,"#181818"]]],"lock-simple":[1024,[[59728,"white"]]],"lock":[1024,[[59729,"#181818"]]],"markdown":[1024,[[59730,"#181818"]]],"mastodon-logo":[1024,[[59731,"var(--fill-0, #181818)"]]],"menu":[1024,[[59732,"#181818"]]],"message-badge-outline":[1024,[[59733,"currentColor"]]],"minus":[1024,[[59734,"#181818"]]],"mode-edit":[1024,[[59735,"#181818"]]],"moon":[1024,[[59736,"var(--fill-0, #181818)"]]],"network":[1024,[[59737,"var(--fill-0, #181818)"]]],"note":[1024,[[59738,"#181818"]]],"notification":[1024,[[59739,"var(--fill-0, #181818)"]]],"numpad":[1024,[[59740,"#181818"]]],"nut":[1024,[[59741,"#181818"]]],"paint-brush-household":[1024,[[59742,"#181818"]]],"paint-roller":[1024,[[59743,"var(--fill-0, #181818)"]]],"palette":[1024,[[59744,"#666666"]]],"paperclip":[1024,[[59745,"#666666"]]],"pause":[1024,[[59746,"var(--fill-0, #181818)"]]],"pencil-ruler":[1024,[[59747,"#181818"]]],"pencil-simple-line":[1024,[[59748,"var(--fill-0, #181818)"]]],"pencil-simple-slash":[1024,[[59749,"#858585"]]],"pencil-simple":[1024,[[59750,"#181818"]]],"pin":[939,[[59751,"#666666"]]],"plus":[1024,[[59752,"#181818"]]],"radio-button":[1024,[[59753,"#008836"]]],"recovery-key-cloud-arrow-down":[1024,[[59754,"var(--fill-0, #181818)"]]],"recovery-key-copy":[1024,[[59755,"var(--stroke-0, #008836)"]]],"recovery-key-file":[1024,[[59756,"var(--fill-0, #181818)"]]],"recovery-key-key":[1024,[[59757,"var(--fill-0, #181818)"]]],"recovery-key-qr-code":[1024,[[59758,"var(--fill-0, #181818)"]]],"recovery-key-shield-check":[1024,[[59759,"var(--fill-0, #008836)"]]],"search":[1024,[[59760,"#181818"]]],"share":[1024,[[59761,"#666666"]]],"shield-check":[1024,[[59762,"#181818"]]],"shield-plus":[1024,[[59763,"#181818"]]],"shield":[1024,[[59764,"var(--fill-0, #181818)"]]],"shopping-mode":[1024,[[59765,"#666666"]]],"sliders-horizontal":[1024,[[59766,"var(--fill-0, #181818)"]]],"sliders":[1024,[[59767,"#181818"]]],"sort-ascending":[1024,[[59768,"#666666"]]],"sort-descending":[1024,[[59769,"currentColor"]]],"speaker-high":[1024,[[59770,"#181818"]]],"spellcheck":[1067,[[59771,"currentColor"]]],"square-out":[1024,[[59772,"#181818"]]],"squares-four":[1024,[[59773,"var(--fill-0, #181818)"]]],"star-filled":[1024,[[59774,"#E5C131"]]],"star":[1024,[[59775,"#666666"]]],"sun":[1024,[[59776,"#666666"]]],"swatches":[1024,[[59777,"var(--fill-0, #181818)"]]],"sync-disabled":[911,[[59778,"#858585"]]],"table":[1024,[[59779,"#181818"]]],"telegram-logo":[1024,[[59780,"var(--fill-0, #181818)"]]],"text-aa":[1024,[[59781,"#181818"]]],"toggle-off":[1725,[[59782,"#DADADA"]]],"toggle-on":[1725,[[59783,"#008836"]]],"trash-alt":[1024,[[59784,"#FB2C36"]]],"trash":[1024,[[59785,"#666666"]]],"tray-arrow-down":[1024,[[59786,"#181818"]]],"user-circle-minus":[1024,[[59787,"var(--fill-0, #FF242E)"]]],"user-sheet-docs":[1024,[[59788,"var(--fill-0, #181818)"]]],"user-sheet-logout":[1024,[[59789,"var(--fill-0, #FB2C36)"]]],"user-sheet-settings":[1024,[[59790,"var(--fill-0, #181818)"]]],"user-sheet-support":[1024,[[59791,"var(--fill-0, #181818)"]]],"user-sheet-sync":[1024,[[59792,"var(--fill-0, #181818)"]]],"user":[1024,[[59793,"var(--fill-0, #181818)"]]],"users-three":[1024,[[59794,"var(--fill-0, #181818)"]]],"view-list":[1024,[[59795,"#181818"]]],"warning-circle":[1024,[[59796,"#BB3431"]]],"warning":[1024,[[59797,"#FF242E"]]],"wifi-slash":[1024,[[59798,"var(--fill-0, #181818)"]]],"x-logo":[1024,[[59799,"var(--fill-0, #181818)"]]]}}
\ No newline at end of file
+{"m":{"f":"notesnook-icons","u":1024,"z":1020,"s":59648,"h":"25f25ad70bd419ff91fe49bb7b9d002d64462809aa5b1fd96ff6130cae259b5a"},"i":{"archive":[1024,[[59648,"#666666"]]],"arrow-back":[1024,[[59649,"rgba(255,255,255,0.7)"]]],"arrow-clockwise":[1024,[[59650,"#181818"]]],"arrow-counter-clockwise":[1024,[[59651,"#181818"]]],"arrow-fat-up":[1024,[[59652,"var(--fill-0, #181818)"]]],"arrow-right":[1024,[[59653,"#008836"]]],"arrow-square-out":[1024,[[59654,"#666666"]]],"arrow-u-up-left":[1024,[[59655,"var(--fill-0, #181818)"]]],"arrows-clockwise":[1024,[[59656,"var(--fill-0, #181818)"]]],"backspace":[1024,[[59657,"#181818"]]],"bag-simple":[1024,[[59658,"var(--fill-0, #181818)"]]],"bell-z":[1024,[[59659,"#181818"]]],"bell":[1024,[[59660,"#666666"]]],"bomb-off":[1024,[[59661,"currentColor"]]],"bomb":[1024,[[59662,"#666666"]]],"book-open":[1024,[[59663,"#666666"]]],"bookmark":[1024,[[59664,"#666666"]]],"box-empty":[1024,[[59665,"#B0B0B1"]]],"bug-droid":[1024,[[59666,"var(--fill-0, #181818)"]]],"calendar-check":[946,[[59667,"var(--fill-0, #181818)"]]],"calendar-day":[1024,[[59668,"#181818"]]],"calendar-dots":[946,[[59669,"var(--fill-0, #181818)"]]],"calendar":[1024,[[59670,"rgba(102,102,102,0.8)"]]],"chart-donut":[1024,[[59671,"#181818"]]],"chart-line-up":[1024,[[59672,"var(--fill-0, #181818)"]]],"chat":[1024,[[59673,"white"]]],"check-small":[951,[[59674,"#008836"]]],"check-square":[1024,[[59675,"#181818"]]],"check":[1024,[[59676,"#008836"]]],"checkbox-intermediate":[1024,[[59677,"currentColor"]]],"checkbox":[1024,[[59678,"#008836"],[59679,"white"]]],"checks":[1024,[[59680,"#181818"]]],"chevron-down":[1024,[[59681,"#181818"]]],"chevron-right":[1024,[[59682,"#181818"]]],"chevron-up":[1024,[[59683,"#181818"]]],"clock-counter-clockwise":[1024,[[59684,"var(--fill-0, #181818)"]]],"clock":[1024,[[59685,"#181818"]]],"close":[1024,[[59686,"#666666"]]],"cloud-check":[1024,[[59687,"var(--fill-0, #181818)"]]],"cloud":[1024,[[59688,"white"]]],"copy":[1024,[[59689,"#008836"]]],"crown-simple":[1024,[[59690,"#E0B637"]]],"dark-mode-outline":[1024,[[59691,"currentColor"]]],"delete-restore":[1024,[[59692,"currentColor"]]],"device-mobile-camera":[1024,[[59693,"var(--fill-0, #181818)"]]],"discord-logo":[1024,[[59694,"var(--fill-0, #181818)"]]],"dots-three":[1024,[[59695,"#202020"]]],"download-simple":[1024,[[59696,"var(--fill-0, #181818)"]]],"drive-file-move":[1088,[[59697,"#666666"]]],"duplicate":[1024,[[59698,"currentColor"]]],"edit-pencil":[1024,[[59699,"#181818"]]],"ellipse":[1024,[[59700,"#A6A6A6"]]],"envelope-simple":[1024,[[59701,"white"]]],"export":[1024,[[59702,"var(--fill-0, #181818)"]]],"eye-closed":[1024,[[59703,"white"]]],"eye-filled":[1024,[[59704,"#666666"]]],"eye-open":[1024,[[59705,"#666666"]]],"eye-slash":[1024,[[59706,"var(--fill-0, #181818)"]]],"file-cloud":[1024,[[59707,"#181818"]]],"file-dashed":[1024,[[59708,"var(--fill-0, #181818)"]]],"file-html":[1024,[[59709,"#181818"]]],"file-pdf":[1024,[[59710,"#181818"]]],"file-text":[1024,[[59711,"var(--fill-0, #181818)"]]],"file":[1024,[[59712,"white"]]],"fingerprint-simple":[1024,[[59713,"#181818"]]],"folder":[1024,[[59714,"#181818"]]],"funnel":[1024,[[59715,"#666666"]]],"gift":[1024,[[59716,"#181818"]]],"git-pull-request":[1024,[[59717,"var(--fill-0, #181818)"]]],"github-logo":[1024,[[59718,"var(--fill-0, #181818)"]]],"hard-drives":[1024,[[59719,"var(--fill-0, #181818)"]]],"home":[1024,[[59720,"#181818"]]],"house":[1024,[[59721,"#6F6F6F"]]],"identifier":[1024,[[59722,"currentColor"]]],"image-outline":[1024,[[59723,"white"]]],"key":[1024,[[59724,"var(--fill-0, #181818)"]]],"link-alt":[1024,[[59725,"#666666"]]],"link":[560,[[59726,"#666666"]]],"list":[2190,[[59727,"#181818"]]],"lock-simple":[1024,[[59728,"white"]]],"lock":[1024,[[59729,"#181818"]]],"markdown":[1024,[[59730,"#181818"]]],"mastodon-logo":[1024,[[59731,"var(--fill-0, #181818)"]]],"menu":[1024,[[59732,"#181818"]]],"message-badge-outline":[1024,[[59733,"currentColor"]]],"minus":[1024,[[59734,"#181818"]]],"mode-edit":[1024,[[59735,"#181818"]]],"moon":[1024,[[59736,"var(--fill-0, #181818)"]]],"network":[1024,[[59737,"var(--fill-0, #181818)"]]],"note":[1024,[[59738,"#181818"]]],"notification":[1024,[[59739,"var(--fill-0, #181818)"]]],"numpad":[1024,[[59740,"#181818"]]],"nut":[1024,[[59741,"#181818"]]],"paint-brush-household":[1024,[[59742,"#181818"]]],"paint-roller":[1024,[[59743,"var(--fill-0, #181818)"]]],"palette":[1024,[[59744,"#666666"]]],"paperclip":[1024,[[59745,"#666666"]]],"pause":[1024,[[59746,"var(--fill-0, #181818)"]]],"pencil-ruler":[1024,[[59747,"#181818"]]],"pencil-simple-line":[1024,[[59748,"var(--fill-0, #181818)"]]],"pencil-simple-slash":[1024,[[59749,"#858585"]]],"pencil-simple":[1024,[[59750,"#181818"]]],"pin":[939,[[59751,"#666666"]]],"plus":[1024,[[59752,"#181818"]]],"radio-button":[1024,[[59753,"#008836"]]],"recovery-key-cloud-arrow-down":[1024,[[59754,"var(--fill-0, #181818)"]]],"recovery-key-copy":[1024,[[59755,"var(--stroke-0, #008836)"]]],"recovery-key-file":[1024,[[59756,"var(--fill-0, #181818)"]]],"recovery-key-key":[1024,[[59757,"var(--fill-0, #181818)"]]],"recovery-key-qr-code":[1024,[[59758,"var(--fill-0, #181818)"]]],"recovery-key-shield-check":[1024,[[59759,"var(--fill-0, #008836)"]]],"search":[1024,[[59760,"#181818"]]],"share":[1024,[[59761,"#666666"]]],"shield-check":[1024,[[59762,"#181818"]]],"shield-plus":[1024,[[59763,"#181818"]]],"shield":[1024,[[59764,"var(--fill-0, #181818)"]]],"shopping-mode":[1024,[[59765,"#666666"]]],"sliders-horizontal":[1024,[[59766,"var(--fill-0, #181818)"]]],"sliders":[1024,[[59767,"#181818"]]],"sort-ascending":[1024,[[59768,"#666666"]]],"sort-descending":[1024,[[59769,"currentColor"]]],"speaker-high":[1024,[[59770,"#181818"]]],"spellcheck":[1067,[[59771,"currentColor"]]],"square-out":[1024,[[59772,"#181818"]]],"squares-four":[1024,[[59773,"var(--fill-0, #181818)"]]],"star-filled":[1024,[[59774,"#E5C131"]]],"star":[1024,[[59775,"#666666"]]],"sun":[1024,[[59776,"#666666"]]],"swatches":[1024,[[59777,"var(--fill-0, #181818)"]]],"sync-disabled":[911,[[59778,"#858585"]]],"table":[1024,[[59779,"#181818"]]],"telegram-logo":[1024,[[59780,"var(--fill-0, #181818)"]]],"text-aa":[1024,[[59781,"#181818"]]],"toggle-off":[1725,[[59782,"#DADADA"]]],"toggle-on":[1725,[[59783,"#008836"]]],"trash-alt":[1024,[[59784,"#FB2C36"]]],"trash":[1024,[[59785,"#666666"]]],"tray-arrow-down":[1024,[[59786,"#181818"]]],"user-circle-minus":[1024,[[59787,"var(--fill-0, #FF242E)"]]],"user-sheet-docs":[1024,[[59788,"var(--fill-0, #181818)"]]],"user-sheet-logout":[1024,[[59789,"var(--fill-0, #FB2C36)"]]],"user-sheet-settings":[1024,[[59790,"var(--fill-0, #181818)"]]],"user-sheet-support":[1024,[[59791,"var(--fill-0, #181818)"]]],"user-sheet-sync":[1024,[[59792,"var(--fill-0, #181818)"]]],"user":[1024,[[59793,"var(--fill-0, #181818)"]]],"users-three":[1024,[[59794,"var(--fill-0, #181818)"]]],"view-list":[1024,[[59795,"#181818"]]],"warning-circle":[1024,[[59796,"#BB3431"]]],"warning":[1024,[[59797,"#FF242E"]]],"wifi-slash":[1024,[[59798,"var(--fill-0, #181818)"]]],"x-logo":[1024,[[59799,"var(--fill-0, #181818)"]]]}}
\ No newline at end of file
diff --git a/apps/mobile/fonts/notesnook-icons.ttf b/apps/mobile/fonts/notesnook-icons.ttf
index d11d881ed..64f173cbd 100644
Binary files a/apps/mobile/fonts/notesnook-icons.ttf and b/apps/mobile/fonts/notesnook-icons.ttf differ
diff --git a/apps/mobile/ios/nanoicons-fonts/notesnook-icons.ttf b/apps/mobile/ios/nanoicons-fonts/notesnook-icons.ttf
index d11d881ed..64f173cbd 100644
Binary files a/apps/mobile/ios/nanoicons-fonts/notesnook-icons.ttf and b/apps/mobile/ios/nanoicons-fonts/notesnook-icons.ttf differ
diff --git a/packages/icons/svgs/eye-open.svg b/packages/icons/svgs/eye-open.svg
old mode 100644
new mode 100755
index 1a9217f40..13cf6c3de
--- a/packages/icons/svgs/eye-open.svg
+++ b/packages/icons/svgs/eye-open.svg
@@ -1 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><!-- Icon from Phosphor by Phosphor Icons - https://github.com/phosphor-icons/core/blob/main/LICENSE --><path fill="currentColor" d="M245.48 125.57c-.34-.78-8.66-19.23-27.24-37.81C201 70.54 171.38 50 128 50S55 70.54 37.76 87.76c-18.58 18.58-26.9 37-27.24 37.81a6 6 0 0 0 0 4.88c.34.77 8.66 19.22 27.24 37.8C55 185.47 84.62 206 128 206s73-20.53 90.24-37.75c18.58-18.58 26.9-37 27.24-37.8a6 6 0 0 0 0-4.88M128 194c-31.38 0-58.78-11.42-81.45-33.93A134.8 134.8 0 0 1 22.69 128a134.6 134.6 0 0 1 23.86-32.06C69.22 73.42 96.62 62 128 62s58.78 11.42 81.45 33.94A134.6 134.6 0 0 1 233.31 128C226.94 140.21 195 194 128 194m0-112a46 46 0 1 0 46 46a46.06 46.06 0 0 0-46-46m0 80a34 34 0 1 1 34-34a34 34 0 0 1-34 34"/></svg>
\ No newline at end of file
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2899_8437)">
+<path d="M7.99935 3C4.66602 3 1.81935 5.07333 0.666016 8C1.81935 10.9267 4.66602 13 7.99935 13C11.3327 13 14.1793 10.9267 15.3327 8C14.1793 5.07333 11.3327 3 7.99935 3ZM7.99935 11.3333C6.15935 11.3333 4.66602 9.84 4.66602 8C4.66602 6.16 6.15935 4.66667 7.99935 4.66667C9.83935 4.66667 11.3327 6.16 11.3327 8C11.3327 9.84 9.83935 11.3333 7.99935 11.3333ZM7.99935 6C6.89268 6 5.99935 6.89333 5.99935 8C5.99935 9.10667 6.89268 10 7.99935 10C9.10602 10 9.99935 9.10667 9.99935 8C9.99935 6.89333 9.10602 6 7.99935 6Z" fill="#666666"/>
+</g>
+<defs>
+<clipPath id="clip0_2899_8437">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>