diff --git a/changelog/v1.json b/changelog/v1.json
index 0aa73e6349266..121f631e359ab 100644
--- a/changelog/v1.json
+++ b/changelog/v1.json
@@ -1,4 +1,11 @@
 [
+  {
+    "children": {
+      "improvements": ["Refactor [@nav](https://github.com/nav) layout and improve pin list style."]
+    },
+    "date": "2025-01-21",
+    "version": "1.47.12"
+  },
   {
     "children": {
       "improvements": ["Improve code for ai provider."]
diff --git a/src/app/(main)/_layout/Desktop/SideBar/PinList/index.tsx b/src/app/(main)/_layout/Desktop/SideBar/PinList/index.tsx
index 5b64af5c3ea13..c0832735bf39d 100644
--- a/src/app/(main)/_layout/Desktop/SideBar/PinList/index.tsx
+++ b/src/app/(main)/_layout/Desktop/SideBar/PinList/index.tsx
@@ -24,17 +24,19 @@ const useStyles = createStyles(({ css, token }) => ({
   ink: css`
     &::before {
       content: '';
+
+      position: absolute;
+      inset-block-start: 50%;
+      inset-inline: -${12 + 3}px;
+      transform: translateY(-50%);
+
       width: 4px;
       height: 0;
       border-radius: 50px;
-      position: absolute;
-      inset-inline: -${12 + 3}px;
 
-      inset-block-start: 50%;
-      transform: translateY(-50%);
+      background: ${token.colorPrimary};
 
       transition: height 150ms ease-out;
-      background: ${token.colorPrimary};
     }
   `,
   inkActive: css`