diff --git a/packages/web/components/patterns/CardMenu.tsx b/packages/web/components/patterns/CardMenu.tsx
index 27b1207b4..3f190f15c 100644
--- a/packages/web/components/patterns/CardMenu.tsx
+++ b/packages/web/components/patterns/CardMenu.tsx
@@ -44,35 +44,35 @@ export function CardMenu(props: CardMenuProps): JSX.Element {
         onSelect={() => {
           props.actionHandler('set-labels')
         }}
-        title="Set Labels"
+        title="Set labels"
       />
       <DropdownOption
         onSelect={() => {
           props.actionHandler('open-notebook')
         }}
-        title="Open Notebook"
+        title="Open notebook"
       />
       <DropdownOption
         onSelect={() => props.actionHandler('showOriginal')}
-        title="Open Original"
+        title="Open original"
       />
       <DropdownOption
         onSelect={() => props.actionHandler('editTitle')}
-        title="Edit Metadata"
+        title="Edit metadata"
       />
       {props.item.readingProgressPercent < 98 ? (
         <DropdownOption
           onSelect={() => {
             props.actionHandler('mark-read')
           }}
-          title="Mark Read"
+          title="Mark read"
         />
       ) : (
         <DropdownOption
           onSelect={() => {
             props.actionHandler('mark-unread')
           }}
-          title="Mark Unread"
+          title="Mark unread"
         />
       )}
       <DropdownOption
diff --git a/packages/web/components/patterns/HighlightBar.tsx b/packages/web/components/patterns/HighlightBar.tsx
index a3aa094a8..9ce3b9cec 100644
--- a/packages/web/components/patterns/HighlightBar.tsx
+++ b/packages/web/components/patterns/HighlightBar.tsx
@@ -107,7 +107,7 @@ function BarContent(props: HighlightBarProps): JSX.Element {
           <Button
             key={`color-${color}`}
             style="highlightBarIcon"
-            title={`Create Highlight (${color})`}
+            title={`Create highlight (${color})`}
             onClick={() => {
               if (!props.isNewHighlight && props.highlightColor != color) {
                 props.handleButtonClick('updateColor', color)
@@ -151,7 +151,7 @@ function BarContent(props: HighlightBarProps): JSX.Element {
       {!props.isNewHighlight && (
         <>
           <Button
-            title={`Set Labels`}
+            title={`Set labels`}
             style="highlightBarIcon"
             onClick={() => props.handleButtonClick('setHighlightLabels')}
             onMouseEnter={() => {
@@ -174,7 +174,7 @@ function BarContent(props: HighlightBarProps): JSX.Element {
       )}
 
       <Button
-        title={props.isNewHighlight ? `Create Highlight w/note` : 'Add Note'}
+        title={props.isNewHighlight ? `Create highlight w/note` : 'Add note'}
         style="highlightBarIcon"
         onClick={() => props.handleButtonClick('comment')}
         onMouseEnter={() => {
diff --git a/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx b/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
index af6e334e7..488fa5b5a 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
@@ -58,7 +58,7 @@ export const LibraryHoverActions = (props: LibraryHoverActionsProps) => {
       }}
     >
       <Button
-        title="View Notebook (t)"
+        title="View notebook (t)"
         style="hoverActionIcon"
         onClick={(event) => {
           props.handleAction('open-notebook')
diff --git a/packages/web/components/patterns/ReaderDropdownMenu.tsx b/packages/web/components/patterns/ReaderDropdownMenu.tsx
index 6e776f8a8..37eaa040f 100644
--- a/packages/web/components/patterns/ReaderDropdownMenu.tsx
+++ b/packages/web/components/patterns/ReaderDropdownMenu.tsx
@@ -19,11 +19,11 @@ export function ReaderDropdownMenu(props: DropdownMenuProps): JSX.Element {
       />
       <DropdownOption
         onSelect={() => props.articleActionHandler('setLabels')}
-        title="Edit Labels (l)"
+        title="Edit labels (l)"
       />
       <DropdownOption
         onSelect={() => props.articleActionHandler('showEditModal')}
-        title="Edit Info (i)"
+        title="Edit info (i)"
       />
       <DropdownOption
         onSelect={() => props.articleActionHandler('delete')}
diff --git a/packages/web/components/templates/UploadModal.tsx b/packages/web/components/templates/UploadModal.tsx
index f6a2c605f..138ffe5ca 100644
--- a/packages/web/components/templates/UploadModal.tsx
+++ b/packages/web/components/templates/UploadModal.tsx
@@ -282,7 +282,7 @@ export function UploadModal(props: UploadModalProps): JSX.Element {
       >
         <VStack distribution="start">
           <ModalTitleBar
-            title="Upload File"
+            title="Upload file"
             onOpenChange={props.onOpenChange}
           />
           <Dropzone
diff --git a/packages/web/components/templates/article/AddBulkLabelsModal.tsx b/packages/web/components/templates/article/AddBulkLabelsModal.tsx
index 700612f4f..a8b819ba2 100644
--- a/packages/web/components/templates/article/AddBulkLabelsModal.tsx
+++ b/packages/web/components/templates/article/AddBulkLabelsModal.tsx
@@ -213,7 +213,7 @@ export function AddBulkLabelsModal(
         <VStack distribution="start" css={{ height: '100%' }}>
           <SpanBox css={{ pt: '0px', px: '16px', width: '100%' }}>
             <ModalTitleBar
-              title="Add Labels to selected items"
+              title="Add labels to selected items"
               onOpenChange={props.onOpenChange}
             />
           </SpanBox>
diff --git a/packages/web/components/templates/article/ArticleActionsMenu.tsx b/packages/web/components/templates/article/ArticleActionsMenu.tsx
index 201dd9d4d..406c8782f 100644
--- a/packages/web/components/templates/article/ArticleActionsMenu.tsx
+++ b/packages/web/components/templates/article/ArticleActionsMenu.tsx
@@ -112,7 +112,7 @@ export function ArticleActionsMenu(
         </Button>
 
         <Button
-          title="View Notebook (t)"
+          title="View notebook (t)"
           style="articleActionIcon"
           onClick={() => props.articleActionHandler('showHighlights')}
           css={{
@@ -127,7 +127,7 @@ export function ArticleActionsMenu(
         </Button>
 
         <Button
-          title="Edit Info (i)"
+          title="Edit info (i)"
           style="articleActionIcon"
           onClick={() => props.articleActionHandler('showEditModal')}
           css={{
diff --git a/packages/web/components/templates/article/NotebookModal.tsx b/packages/web/components/templates/article/NotebookModal.tsx
index aefbe20ba..43e1da8ab 100644
--- a/packages/web/components/templates/article/NotebookModal.tsx
+++ b/packages/web/components/templates/article/NotebookModal.tsx
@@ -137,13 +137,13 @@ export function NotebookModal(props: NotebookModalProps): JSX.Element {
                 onSelect={() => {
                   exportHighlights()
                 }}
-                title="Export Notebook"
+                title="Export notebook"
               />
               <DropdownOption
                 onSelect={() => {
                   setShowConfirmDeleteNote(true)
                 }}
-                title="Delete Article Note"
+                title="Delete article note"
               />
             </Dropdown>
             <CloseButton close={handleClose} />
diff --git a/packages/web/components/templates/article/VerticalArticleActions.tsx b/packages/web/components/templates/article/VerticalArticleActions.tsx
index 18524ad83..da1a6fc8b 100644
--- a/packages/web/components/templates/article/VerticalArticleActions.tsx
+++ b/packages/web/components/templates/article/VerticalArticleActions.tsx
@@ -52,7 +52,7 @@ export function VerticalArticleActionsMenu(
         </Button>
 
         <Button
-          title="Open Notebook (t)"
+          title="Open notebook (t)"
           style="articleActionIcon"
           onClick={() => props.articleActionHandler('showHighlights')}
           css={{
@@ -70,7 +70,7 @@ export function VerticalArticleActionsMenu(
         </Button>
 
         <Button
-          title="Edit Info (i)"
+          title="Edit info (i)"
           style="articleActionIcon"
           onClick={() => props.articleActionHandler('showEditModal')}
           css={{
@@ -142,7 +142,7 @@ export function VerticalArticleActionsMenu(
           </Button>
         )}
         <Button
-          title="Display Settings (d)"
+          title="Display settings (d)"
           style="articleActionIcon"
           onClick={() => props.articleActionHandler('editDisplaySettings')}
           css={{
diff --git a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
index 6fb5a6a2f..1d8ed223d 100644
--- a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
@@ -584,5 +584,5 @@ function EditButton(props: EditButtonProps): JSX.Element {
         {props.title}
       </SpanBox>
     </Link>
-  );
+  )
 }
diff --git a/packages/web/components/templates/reader/ReaderHeader.tsx b/packages/web/components/templates/reader/ReaderHeader.tsx
index 122922ef6..011b9ddd7 100644
--- a/packages/web/components/templates/reader/ReaderHeader.tsx
+++ b/packages/web/components/templates/reader/ReaderHeader.tsx
@@ -102,7 +102,7 @@ function ControlButtonBox(props: ReaderHeaderProps): JSX.Element {
         }}
       >
         <Button
-          title="Reader Preferences (d)"
+          title="Reader preferences (d)"
           style="articleActionIcon"
           onClick={() => {
             props.showDisplaySettingsModal(true)