From e62d94387f798ae31b4788f6320078ff5ee12f82 Mon Sep 17 00:00:00 2001
From: AmbrishRamachandiran <ambrish.r@infosys.com>
Date: Wed, 4 Mar 2026 19:19:57 +0530
Subject: [PATCH] Fix review comments

Signed-off-by: AmbrishRamachandiran <ambrish.r@infosys.com>
---
 .../components/RangeSlider/RangeSlider.tsx    | 46 ++++++++++---------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/packages/ui/src/components/RangeSlider/RangeSlider.tsx b/packages/ui/src/components/RangeSlider/RangeSlider.tsx
index 7796634a7a..3f29fc8b2d 100644
--- a/packages/ui/src/components/RangeSlider/RangeSlider.tsx
+++ b/packages/ui/src/components/RangeSlider/RangeSlider.tsx
@@ -144,28 +144,30 @@ export const RangeSlider = forwardRef<HTMLDivElement, RangeSliderProps>(
         {...rest}
         ref={ref}
       >
-        <div className={clsx(classNames.header, styles[classNames.header])}>
-          <FieldLabel
-            label={label}
-            secondaryLabel={secondaryLabelText}
-            description={description}
-          />
-          {showValueLabel && (
-            <SliderOutput
-              className={clsx(classNames.output, styles[classNames.output])}
-            >
-              {({ state }) => {
-                const values = state.values;
-                if (values.length === 2) {
-                  return `${formatValue(values[0])} - ${formatValue(
-                    values[1],
-                  )}`;
-                }
-                return formatValue(values[0]);
-              }}
-            </SliderOutput>
-          )}
-        </div>
+        {(label || showValueLabel) && (
+          <div className={clsx(classNames.header, styles[classNames.header])}>
+            <FieldLabel
+              label={label}
+              secondaryLabel={secondaryLabelText}
+              description={description}
+            />
+            {showValueLabel && (
+              <SliderOutput
+                className={clsx(classNames.output, styles[classNames.output])}
+              >
+                {({ state }) => {
+                  const values = state.values;
+                  if (values.length === 2) {
+                    return `${formatValue(values[0])} - ${formatValue(
+                      values[1],
+                    )}`;
+                  }
+                  return formatValue(values[0]);
+                }}
+              </SliderOutput>
+            )}
+          </div>
+        )}
         <SliderTrack
           className={clsx(classNames.track, styles[classNames.track])}
         >