diff --git a/vibn-frontend/components/project/project-icon-rail.tsx b/vibn-frontend/components/project/project-icon-rail.tsx
index 403ab5d..f518137 100644
--- a/vibn-frontend/components/project/project-icon-rail.tsx
+++ b/vibn-frontend/components/project/project-icon-rail.tsx
@@ -26,22 +26,10 @@ export function ProjectIconRail({ workspace, projectId, actions }: Props) {
         style={{
           display: "flex",
           alignItems: "center",
-          gap: 8,
+          gap: 12,
           flex: 1,
           minWidth: 0,
         }}
-      >
-        {isPreviewActive && <PreviewDeviceToggles />}
-      </div>
-
-      {/* Right Content Area (Segmented Control & Publish Button) */}
-      <div
-        style={{
-          display: "flex",
-          justifyContent: "flex-end",
-          alignItems: "center",
-          gap: 12,
-        }}
       >
         <div style={primaryGroup}>
           <Link
@@ -82,6 +70,18 @@ export function ProjectIconRail({ workspace, projectId, actions }: Props) {
           </Link>
         </div>
 
+        {isPreviewActive && <PreviewDeviceToggles />}
+      </div>
+
+      {/* Right Content Area (Publish Button) */}
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "flex-end",
+          alignItems: "center",
+          gap: 12,
+        }}
+      >
         {actions}
       </div>
     </nav>