diff --git a/packages/web/components/nav-containers/home.tsx b/packages/web/components/nav-containers/home.tsx
index 38cc00ae8..41e353b87 100644
--- a/packages/web/components/nav-containers/home.tsx
+++ b/packages/web/components/nav-containers/home.tsx
@@ -47,6 +47,7 @@ export function HomeContainer(): JSX.Element {
bg: '$readerBg',
pt: '45px',
minHeight: '100vh',
+ minWidth: '320px',
}}
>
@@ -368,6 +369,7 @@ const TimeAgo = (props: HomeItemViewProps): JSX.Element => {
fontWeight: 'medium',
fontFamily: '$inter',
color: '$homeTextSubtle',
+ flexShrink: '0',
}}
>
{timeAgo(props.homeItem.date)}
@@ -382,7 +384,7 @@ const Title = (props: HomeItemViewProps): JSX.Element => {
distribution="start"
alignment="center"
css={{
- mb: '5px',
+ mb: '6px',
fontSize: '18px',
lineHeight: '24px',
fontWeight: '600',
@@ -499,7 +501,7 @@ const JustAddedItemView = (props: HomeItemViewProps): JSX.Element => {
css={{ width: '100%', gap: '5px', lineHeight: '1' }}
>
-
+
@@ -548,7 +550,9 @@ const TopicPickHomeItemView = (props: HomeItemViewProps): JSX.Element => {
css={{ gap: '5px', lineHeight: '1', mb: '10px' }}
>
-
+
+
+
{props.homeItem.thumbnail && (
@@ -568,8 +572,6 @@ const TopicPickHomeItemView = (props: HomeItemViewProps): JSX.Element => {
previewContent={props.homeItem.previewContent}
maxLines="6"
/>
-
-
@@ -611,6 +613,7 @@ const QuickLinkHomeItemView = (props: HomeItemViewProps): JSX.Element => {
gap: '5px',
borderRadius: '5px',
'&:hover': {
+ bg: '#007AFF10',
cursor: 'pointer',
},
'&:hover .title-text': {
@@ -633,7 +636,7 @@ const QuickLinkHomeItemView = (props: HomeItemViewProps): JSX.Element => {
>
-
+
@@ -668,7 +671,14 @@ const SourceInfo = (props: HomeItemViewProps & SourceInfoProps) => (
{props.homeItem.source.icon && (
{
width: '100%',
borderBottom: '1px solid $thBorderColor',
px: '0px',
- pb: '25px',
+ pb: '15px',
}}
alignment="start"
distribution="start"
@@ -331,7 +331,7 @@ const Shortcuts = (props: NavigationMenuProps): JSX.Element => {
fontFamily: '$display',
fontSize: '14px',
lineHeight: '125%',
- color: '$thLibraryMenuPrimary',
+ color: '$homeTextSubtle',
mb: '10px',
px: '15px',
}}