/* Fixed Top Navigation for Long Usernames */ .ig-top-nav { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px 10px; gap: 8px; /* Safe space between left and right side */ width: 100%; box-sizing: border-box; } .ig-nav-left { display: flex; align-items: center; gap: 6px; min-width: 0; /* Important: Allows flex child to shrink properly */ flex: 1; /* Takes available space without pushing right items */ } .ig-nav-left svg:first-child { flex-shrink: 0; /* Back arrow will never shrink */ } .ig-nav-username { font-size: 20px; font-weight: 700; color: rgb(0, 0, 0); letter-spacing: -0.3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* Long username turns into "verylonguser..." */ min-width: 0; } .ig-verified-badge { display: inline-block; width: 18px !important; height: 18px !important; min-width: 18px; min-height: 18px; flex-shrink: 0 !important; /* Verified tick will never shrink or vanish */ vertical-align: middle; } .ig-nav-right { display: flex; align-items: center; gap: 18px; flex-shrink: 0; /* Bell & dots will always stay completely visible */ }