diff --git a/packages/web/components/nav-containers/HighlightsContainer.tsx b/packages/web/components/nav-containers/HighlightsContainer.tsx
index c10d18454..4609ad51f 100644
--- a/packages/web/components/nav-containers/HighlightsContainer.tsx
+++ b/packages/web/components/nav-containers/HighlightsContainer.tsx
@@ -76,9 +76,9 @@ export function HighlightsContainer(): JSX.Element {
}}
>
{!isLoading && highlights.length < 1 && (
-
+
-
+
)}
{highlights.map((highlight) => {
return (
diff --git a/packages/web/components/templates/homeFeed/EmptyLibrary.tsx b/packages/web/components/templates/homeFeed/EmptyLibrary.tsx
index 1fec280de..45847f390 100644
--- a/packages/web/components/templates/homeFeed/EmptyLibrary.tsx
+++ b/packages/web/components/templates/homeFeed/EmptyLibrary.tsx
@@ -77,6 +77,10 @@ const Subtitle = (props: EmptyLibraryProps) => {
)
const titleText = (folder: string | undefined) => {
switch (folder) {
+ case 'home':
+ return 'All your newly saved items and subscriptions will appear in your home section.'
+ case 'inbox':
+ return 'Items you have saved using the mobile apps and browser extensions, along with subscriptions you have moved into your library will appear here'
case 'highlights':
return 'Highlight text while reading to start building your highlights library.'
case 'trash':
@@ -116,6 +120,7 @@ export const EmptyLibrary = (props: EmptyLibraryProps) => {
height: '100%',
pb: '100px',
px: '25px',
+ maxWidth: '520px',
color: '$thLibraryMenuSecondary',
minHeight: `calc(100vh - ${DEFAULT_HEADER_HEIGHT})`,
}}
diff --git a/packages/web/components/templates/library/LibraryContainer.tsx b/packages/web/components/templates/library/LibraryContainer.tsx
index 506402cd5..6120c357a 100644
--- a/packages/web/components/templates/library/LibraryContainer.tsx
+++ b/packages/web/components/templates/library/LibraryContainer.tsx
@@ -956,7 +956,7 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
{!showItems && props.fetchItemsError && }
{!showItems && !props.fetchItemsError && props.items.length <= 0 && (
{
props.setShowAddLinkModal(true)
}}