body {
  /* THIS is not a good way to handle this, and a proper refactoring needs to be performed
    This allows bigger images of media on listings for large screens
    It would be great to adapt to other sizes, but this requires a good refaftoring
     */

  @media screen and (min-width: 2200px) {
      --default-item-width: 342px !important;
      --default-max-item-width: 342px !important;
      --default-item-margin-right-width: 17px !important;
      --default-item-margin-bottom-width: 27px !important;
  }
}



/* ===== 自定义侧栏导航按钮对齐修复 ===== */
.my-sidebar-links .link-item a {
  display: flex !important;
  align-items: center !important;
  height: 40px !important;
  padding: 0 0 0 24px !important;
  text-decoration: none !important;
  font-size: 14px !important;
  color: var(--sidebar-nav-item-text-color) !important;
}
.my-sidebar-links .link-item .menu-item-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 40px !important;
  flex-shrink: 0 !important;
  margin: 0 24px 0 0 !important;
  padding: 0 !important;
}