diff --git a/src/renderer/src/modules/entry-column/grid-item-template.tsx b/src/renderer/src/modules/entry-column/grid-item-template.tsx
index 691c3eda74..de09c684b0 100644
--- a/src/renderer/src/modules/entry-column/grid-item-template.tsx
+++ b/src/renderer/src/modules/entry-column/grid-item-template.tsx
@@ -32,13 +32,14 @@ export function GridItem({
         className={cn(
           "relative flex-1 px-2 py-1 text-sm",
           !asRead &&
-          "before:absolute before:-left-1 before:top-[13.5px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
+          "before:absolute before:left-0 before:top-[13.5px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
         )}
       >
         <div
           className={cn(
-            "relative mb-1 mt-1.5 truncate font-medium leading-none",
+            "relative mb-1 mt-1.5 truncate font-medium leading-none duration-200",
             !!entry.collections && "pr-5",
+            !asRead && "pl-1",
           )}
         >
           <TitleMarquee>
diff --git a/src/renderer/src/modules/entry-column/index.tsx b/src/renderer/src/modules/entry-column/index.tsx
index 2a580efd81..36c6b0db8c 100644
--- a/src/renderer/src/modules/entry-column/index.tsx
+++ b/src/renderer/src/modules/entry-column/index.tsx
@@ -165,11 +165,12 @@ export function EntryColumn() {
         exit={{ opacity: 0.01, y: -100 }}
       >
         <ScrollArea.ScrollArea
-          scrollbarClassName="mt-3"
+          scrollbarClassName="mt-3 w-2"
           mask={false}
           ref={scrollRef}
           rootClassName="h-full"
           viewportClassName="[&>div]:grow flex"
+
         >
           {virtuosoOptions.totalCount === 0 ? (
             entries.isLoading ?
diff --git a/src/renderer/src/modules/entry-column/list-item-template.tsx b/src/renderer/src/modules/entry-column/list-item-template.tsx
index f551a382ea..9d899bf599 100644
--- a/src/renderer/src/modules/entry-column/list-item-template.tsx
+++ b/src/renderer/src/modules/entry-column/list-item-template.tsx
@@ -42,13 +42,13 @@ export function ListItem({
     entry.entries.publishedAt
   const envIsSafari = isSafari()
   return (
-    <div
-      className={cn(
-        "group relative flex py-4 pl-3 pr-2",
-        !asRead &&
-        "before:absolute before:-left-0.5 before:top-[18px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
-      )}
-    >
+    <div className="group relative flex px-2 py-4">
+      <div
+        className={cn(
+          "mr-1 size-2 translate-y-1.5 rounded-full bg-theme-accent duration-200",
+          !asRead ? "w-2" : "w-0",
+        )}
+      />
       {!withAudio && <FeedIcon feed={feed} fallback entry={entry.entries} />}
       <div
         className={cn(
diff --git a/src/renderer/src/modules/entry-column/social-media-item.tsx b/src/renderer/src/modules/entry-column/social-media-item.tsx
index 934f1c5251..5a74e09058 100644
--- a/src/renderer/src/modules/entry-column/social-media-item.tsx
+++ b/src/renderer/src/modules/entry-column/social-media-item.tsx
@@ -37,7 +37,7 @@ export const SocialMediaItem: EntryListItemFC = ({
         "relative flex py-4 pl-3 pr-2",
         "group",
         !asRead &&
-        "before:absolute before:-left-4 before:top-[22px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
+        "before:absolute before:-left-4 before:top-[28px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
       )}
     >
       <FeedIcon
@@ -54,7 +54,7 @@ export const SocialMediaItem: EntryListItemFC = ({
             entry.entries.description && "line-clamp-5",
           )}
         >
-          <div className="w-[calc(100%-10rem)]  space-x-1">
+          <div className="w-[calc(100%-10rem)] space-x-1">
             <span className="font-semibold">{entry.entries.author}</span>
             <span className="text-zinc-500">·</span>
             <span className="text-zinc-500">
diff --git a/src/renderer/src/modules/entry-content/index.tsx b/src/renderer/src/modules/entry-content/index.tsx
index b3799d9b0f..b2018dac22 100644
--- a/src/renderer/src/modules/entry-content/index.tsx
+++ b/src/renderer/src/modules/entry-content/index.tsx
@@ -201,7 +201,7 @@ function EntryContentRender({ entryId }: { entryId: string }) {
 
             <WrappedElementProvider boundingDetection>
               <TitleMetaHandler entryId={entry.entries.id} />
-              <div className="prose prose-zinc mx-auto mb-32 mt-8 max-w-full cursor-auto select-text break-all text-[0.94rem] dark:prose-invert">
+              <div className="prose mx-auto mb-32 mt-8 max-w-full cursor-auto select-text break-all text-[0.94rem] dark:prose-invert">
                 {(summary.isLoading || summary.data) && (
                   <div className="my-8 space-y-1 rounded-lg border px-4 py-3">
                     <div className="flex items-center gap-2 font-medium text-zinc-800 dark:text-neutral-400">