diff --git a/vibn-frontend/components/project/project-icon-rail.tsx b/vibn-frontend/components/project/project-icon-rail.tsx
index b2c797d0..403ab5dc 100644
--- a/vibn-frontend/components/project/project-icon-rail.tsx
+++ b/vibn-frontend/components/project/project-icon-rail.tsx
@@ -47,12 +47,12 @@ export function ProjectIconRail({ workspace, projectId, actions }: Props) {
           <Link
             href={`${projectBase}/preview`}
             style={{
-              padding: "6px 14px",
-              fontSize: "0.8rem",
+              padding: "4px 12px",
+              fontSize: "0.75rem",
               fontWeight: 500,
               borderRadius: 6,
               textDecoration: "none",
-              background: isPreviewActive ? "#fff" : "transparent",
+              background: isPreviewActive ? "#ffffff" : "transparent",
               color: isPreviewActive ? "#18181b" : "#71717a",
               boxShadow: isPreviewActive
                 ? "0 1px 2px rgba(0,0,0,0.05)"
@@ -65,12 +65,12 @@ export function ProjectIconRail({ workspace, projectId, actions }: Props) {
           <Link
             href={`${projectBase}/plan`}
             style={{
-              padding: "6px 14px",
-              fontSize: "0.8rem",
+              padding: "4px 12px",
+              fontSize: "0.75rem",
               fontWeight: 500,
               borderRadius: 6,
               textDecoration: "none",
-              background: !isPreviewActive ? "#fff" : "transparent",
+              background: !isPreviewActive ? "#ffffff" : "transparent",
               color: !isPreviewActive ? "#18181b" : "#71717a",
               boxShadow: !isPreviewActive
                 ? "0 1px 2px rgba(0,0,0,0.05)"