label.dark-switch::before {
    margin-top: 23.5px;
    left: -2.8rem !important;
    width: 40px !important;
    height: 21px !important;
}

label.dark-switch::after {
    margin-top: 24px;
    width: 15px !important;
    height: 15px !important;
    left: calc(-2.8rem + 2px) !important;
    -webkit-transform: translateX(0.15rem);
    transform: translateX(0.15rem);
}

.custom-switch .custom-control-input:checked~label.dark-switch::after {
    -webkit-transform: translateX(calc(1.5rem - 0.25rem));
    transform: translateX(calc(1.5rem - 0.25rem));
}