.side-nav-bar{
    position: fixed;
    max-width: 50px;
}
.side-nav-bar img{
    width: 300px;
}

/* ==================== PHONE FIXES (Sidebar + Logo) ==================== */
@media (max-width: 640px) {
    .side-nav-bar {
        max-width: 56px;
        width: 56px;
        height: 100vh;
        z-index: 999;
    }
    .side-nav-bar img {
        width: 42px !important;   /* Team logo now fits perfectly */
        height: auto;
        margin: 12px auto;
    }
}