@media screen and (max-width: 500px) {
  /* Timetracker */
  .content-activity-user {
    height: 500px;
  }

  .activity-banner {
    height: 100%;
  }

  .activity-user-resume {
    width: 100%;
    height: 100%;
  }

  .activity-user-resume .tracker {
    width: calc(100% - 40px);
  }

  .button-tracker-container {
    flex-wrap: wrap;
  }

  .activity-user-resume .tracker .current-time {
    width: 100%;
  }

  .button-tracker {
    width: 30%;
  }

  .tracker-motivational-text-container {
    margin-top: 180px;
  }

  .tracker-separator {
    margin-top: 170px;
  }

  .tracker-data-container {
    display: flex;
    margin-top: 270px;
  }

  .activity-history {
    width: 100%;
    min-height: unset;
    margin: 0;
    margin-top: 25px;
  }
}