Merge branch '297502-update-styling' into 'master'

Update styling not to use fit-content prop

See merge request gitlab-org/gitlab!52109

app/assets/stylesheets/page_bundles/oncall_schedules.scss

@@ -37,12 +37,6 @@
   &.gl-modal .modal-md {
     max-width: 640px;
   }
-
-  // TODO: move to gitlab/ui utilities
-  // https://gitlab.com/gitlab-org/gitlab/-/issues/297502
-  .gl-w-fit-content {
-    width: fit-content;
-  }
 }
 
 //// Copied from roadmaps.scss - adapted for on-call schedules

ee/app/assets/javascripts/oncall_schedules/components/rotations/components/add_edit_rotation_form.vue

@@ -224,7 +224,7 @@ export default {
         </div>
       </gl-form-group>
     </div>
-    <div class="gl-w-fit-content">
+    <div class="gl-display-inline-block">
       <gl-toggle
         v-model="endDateEnabled"
         :label="$options.i18n.fields.endsOn.enableToggle"
@@ -235,7 +235,7 @@ export default {
       <gl-card
         v-if="endDateEnabled"
         data-testid="rotation-ends-on"
-        class="gl-border-gray-400 gl-bg-gray-10 gl-w-fit-content"
+        class="gl-border-gray-400 gl-bg-gray-10"
       >
         <gl-form-group
           :label="$options.i18n.fields.endsOn.title"