.SideNav {
  position: fixed;
  z-index:10;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  padding-top: 55px;
  display: inline-block;
  background-color: @white;
  font-size: @font-size-base + 3px;
  .translate(calc(~"-100% - 12px"), 0);

  &.opened {
    .translate(0, 0);
  }
}

  .SideNav-ul {
    padding-left: 16px;
  }

    .SideNav-dropdown {
      max-height: 38px;
      overflow-y: hidden;
      position: relative;

      > .SideNav-button {
        margin-left: 16px;
      }

      &.opened {
        max-height: 300px;
      }
    }

      .SideNav-dropdown > .SideNav-ul:after {
        content: "";
        position: absolute;
        top: 38px;
        bottom: 0;
        left: 7px;
        border-left: @gray-border;
      }

        .SideNav-button {
          padding: 8px 20px 8px 4px;
          display: block;
        }

        .SideNav-button, .SideNav-button:hover {
          color: inherit;
          text-decoration: none;
        }

.SideNav {
  position: fixed;
  z-index:10;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  padding-top: 55px;
  display: inline-block;
  background-color: @white;
  font-size: @font-size-base + 3px;

  .translate(-100%, 0);

  &.opened {
    .translate(0, 0);
  }
}

  .SideNav-ul {
    padding-left: 16px;
  }

    .SideNav-dropdown {
      max-height: 38px;
      overflow-y: hidden;
      position: relative;

      > .SideNav-button {
        margin-left: 16px;
      }

      &.opened {
        max-height: 300px;
      }
    }

      .SideNav-dropdown > .SideNav-ul:after {
        content: "";
        position: absolute;
        top: 38px;
        bottom: 0;
        left: 7px;
        border-left: @gray-border;
      }

        .SideNav-button {
          padding: 8px 20px 8px 4px;
          display: block;
        }

        .SideNav-button, .SideNav-button:hover {
          color: inherit;
          text-decoration: none;
        }

Fix sidenav calc, now that it has no shadow
Fix sidenav calc, now that it has no shadow

Like the groundhog
