style adjustments

web/components/config/cpu-usage.tsx

@@ -51,6 +51,7 @@ export default function CPUUsageSelector({ defaultValue, onChange }: Props) {
       </p>
       <div className="segment-slider-container">
         <Slider
+          tooltipVisible={false}
           tipFormatter={value => TOOLTIPS[value]}
           onChange={handleChange}
           min={1}
@@ -59,6 +60,7 @@ export default function CPUUsageSelector({ defaultValue, onChange }: Props) {
           defaultValue={selectedOption}
           value={selectedOption}
         />
+        <p className="selected-value-note">Selected: {TOOLTIPS[selectedOption]}</p>
       </div>
     </div>
   );

web/components/config/video-latency.tsx

@@ -120,7 +120,7 @@ export default function VideoLatency() {
 
       <div className="segment-slider-container">
         <Slider
-          tipFormatter={value => <SegmentToolTip value={SLIDER_COMMENTS[value]} />}
+          tooltipVisible={false}
           onChange={handleChange}
           min={1}
           max={6}
@@ -128,6 +128,7 @@ export default function VideoLatency() {
           defaultValue={selectedOption}
           value={selectedOption}
         />
+        <p className="selected-value-note">{SLIDER_COMMENTS[selectedOption]}</p>
         <FormStatusIndicator status={submitStatus} />
       </div>
     </div>

web/pages/config-video.tsx

@@ -17,12 +17,12 @@ export default function ConfigVideoSettings() {
       </p>
 
       <Row gutter={16}>
-        <Col lg={12}>
+        <Col xl={12}>
           <div className="form-module variants-table-module">
             <VideoVariantsTable />
           </div>
         </Col>
-        <Col lg={12}>
+        <Col xl={12}>
           <div className="form-module latency-module">
             <VideoLatency />
           </div>