diff --git a/app/assets/stylesheets/shared_styles/elements/checkboxes.scss b/app/assets/stylesheets/shared_styles/elements/checkboxes.scss
index 08266f2f1..12e31c49c 100644
--- a/app/assets/stylesheets/shared_styles/elements/checkboxes.scss
+++ b/app/assets/stylesheets/shared_styles/elements/checkboxes.scss
@@ -72,10 +72,14 @@ input[type="checkbox"].sci-checkbox {
     }
   }
 
-  &:disabled + .sci-checkbox-label {
-    &::before {
-      background: $color-alto;
-      border: $border-tertiary;
+  &:disabled {
+    cursor: default;
+
+    + .sci-checkbox-label {
+      &::before {
+        background: $color-alto;
+        border: $border-tertiary;
+      }
     }
   }
 }
diff --git a/app/views/repository_columns/manage_column_partials/_date.html.erb b/app/views/repository_columns/manage_column_partials/_date.html.erb
index 7727b7431..3336768e3 100644
--- a/app/views/repository_columns/manage_column_partials/_date.html.erb
+++ b/app/views/repository_columns/manage_column_partials/_date.html.erb
@@ -1,12 +1,10 @@
 <div class="form-group">
   <div class="col-sm-3"></div>
   <div class="col-sm-9">
-    <div class="permission-selector">
-      <span class="sci-checkbox-container">
-        <%= check_box_tag 'range', '', column&.repository_date_range_value?, { id: 'date-range', class: column.new_record? ? 'sci-checkbox' : 'sci-checkbox disabled' } %>
-        <span class="sci-checkbox-label"></span>
-      </span>
-      <span class="range-label"><%= t('libraries.manange_modal_column.datetime_type.range_label') %></span>
-    </div>
+    <span class="sci-checkbox-container">
+      <%= check_box_tag 'range', '', column&.repository_date_range_value?, { id: 'date-range', class: 'sci-checkbox', disabled: !column.new_record? } %>
+      <span class="sci-checkbox-label"></span>
+    </span>
+    <span class="range-label"><%= t('libraries.manange_modal_column.datetime_type.range_label') %></span>
   </div>
 </div>
diff --git a/app/views/repository_columns/manage_column_partials/_datetime.html.erb b/app/views/repository_columns/manage_column_partials/_datetime.html.erb
index bd0fd1c2f..cca5cb7b1 100644
--- a/app/views/repository_columns/manage_column_partials/_datetime.html.erb
+++ b/app/views/repository_columns/manage_column_partials/_datetime.html.erb
@@ -1,12 +1,10 @@
 <div class="form-group">
   <div class="col-sm-3"></div>
   <div class="col-sm-9">
-    <div class="permission-selector">
-      <span class="sci-checkbox-container">
-        <%= check_box_tag 'range', '', column&.repository_date_time_range_value?, { id: 'datetime-range', class: column.new_record? ? 'sci-checkbox' : 'sci-checkbox disabled' } %>
-        <span class="sci-checkbox-label"></span>
-      </span>
-      <span class="range-label"><%= t('libraries.manange_modal_column.datetime_type.range_label') %></span>
-    </div>
+    <span class="sci-checkbox-container">
+      <%= check_box_tag 'range', '', column&.repository_date_time_range_value?, { id: 'datetime-range', class: 'sci-checkbox', disabled: !column.new_record? } %>
+      <span class="sci-checkbox-label"></span>
+    </span>
+    <span class="range-label"><%= t('libraries.manange_modal_column.datetime_type.range_label') %></span>
   </div>
 </div>
diff --git a/app/views/repository_columns/manage_column_partials/_time.html.erb b/app/views/repository_columns/manage_column_partials/_time.html.erb
index 26ae71a0e..edef194d0 100644
--- a/app/views/repository_columns/manage_column_partials/_time.html.erb
+++ b/app/views/repository_columns/manage_column_partials/_time.html.erb
@@ -1,12 +1,10 @@
 <div class="form-group">
   <div class="col-sm-3"></div>
   <div class="col-sm-9">
-    <div class="permission-selector">
-      <span class="sci-checkbox-container">
-        <%= check_box_tag 'range', '', column&.repository_time_range_value?, { id: 'time-range', class: column.new_record? ? 'sci-checkbox' : 'sci-checkbox disabled' } %>
-        <span class="sci-checkbox-label"></span>
-      </span>
-      <span class="range-label"><%= t('libraries.manange_modal_column.datetime_type.range_label') %></span>
-    </div>
+    <span class="sci-checkbox-container">
+      <%= check_box_tag 'range', '', column&.repository_time_range_value?, { id: 'time-range', class: 'sci-checkbox', disabled: !column.new_record? } %>
+      <span class="sci-checkbox-label"></span>
+    </span>
+    <span class="range-label"><%= t('libraries.manange_modal_column.datetime_type.range_label') %></span>
   </div>
 </div>