diff --git a/src/utils/dates/DateInput.scss b/src/utils/dates/DateInput.scss
index f68453dc..d61fd0d2 100644
--- a/src/utils/dates/DateInput.scss
+++ b/src/utils/dates/DateInput.scss
@@ -1,30 +1,6 @@
 @import '../mixins/vertical-align';
 @import '../base';
 
-.date-input-container {
-  position: relative;
-}
-
-.date-input-container__input {
-  padding-right: 35px !important;
-}
-
-.date-input-container__input:not(:disabled) {
-  background-color: var(--primary-color) !important;
-}
-
-.card .date-input-container__input:not(:disabled),
-.dropdown .date-input-container__input:not(:disabled) {
-  background-color: var(--input-color) !important;
-}
-
-.date-input-container__icon {
-  @include vertical-align();
-
-  right: .75rem;
-  cursor: pointer;
-}
-
 .react-datepicker__close-icon.react-datepicker__close-icon {
   @include vertical-align();
 
diff --git a/src/utils/dates/DateInput.tsx b/src/utils/dates/DateInput.tsx
index 07fd96cc..9f32aaa9 100644
--- a/src/utils/dates/DateInput.tsx
+++ b/src/utils/dates/DateInput.tsx
@@ -16,7 +16,7 @@ export const DateInput = (props: DateInputProps) => {
   const ref = useRef<{ input: HTMLInputElement }>();
 
   return (
-    <div className="date-input-container">
+    <div className="icon-input-container">
       <DatePicker
         {...props}
         popperModifiers={[
@@ -26,14 +26,14 @@ export const DateInput = (props: DateInputProps) => {
           },
         ]}
         dateFormat={dateFormat ?? STANDARD_DATE_FORMAT}
-        className={classNames('date-input-container__input form-control', className)}
+        className={classNames('icon-input-container__input form-control', className)}
         // @ts-expect-error The DatePicker type definition is wrong. It has a ref prop
         ref={ref}
       />
       {showCalendarIcon && (
         <FontAwesomeIcon
           icon={calendarIcon}
-          className="date-input-container__icon"
+          className="icon-input-container__icon"
           onClick={() => ref.current?.input.focus()}
         />
       )}