diff --git a/frontend/src/core/components/shared/sliderWithInput/SliderWithInput.tsx b/frontend/src/core/components/shared/sliderWithInput/SliderWithInput.tsx
index 29b917871..85e7039e2 100644
--- a/frontend/src/core/components/shared/sliderWithInput/SliderWithInput.tsx
+++ b/frontend/src/core/components/shared/sliderWithInput/SliderWithInput.tsx
@@ -23,8 +23,8 @@ export default function SliderWithInput({
 }: Props) {
   return (
     <div>
-      <Text size="sm" fw={600} mb={4}>{label}: {Math.round(value)}{suffix}</Text>
-      <Group gap="sm" align="center">
+      <Text size="sm" fw={500} mb={8}>{label}</Text>
+      <Group gap="md" align="center">
         <div style={{ flex: 1 }}>
           <Slider min={min} max={max} step={step} value={value} onChange={onChange} disabled={disabled} />
         </div>
@@ -35,6 +35,7 @@ export default function SliderWithInput({
           max={max}
           step={step}
           disabled={disabled}
+          suffix={suffix}
           style={{ width: 90 }}
         />
       </Group>
diff --git a/frontend/src/core/components/tools/compress/CompressSettings.tsx b/frontend/src/core/components/tools/compress/CompressSettings.tsx
index d1deb0423..c021a50b2 100644
--- a/frontend/src/core/components/tools/compress/CompressSettings.tsx
+++ b/frontend/src/core/components/tools/compress/CompressSettings.tsx
@@ -31,7 +31,7 @@ const CompressSettings = ({ parameters, onParameterChange, disabled = false }: C
 
       {/* Quality Adjustment */}
       {parameters.compressionMethod === 'quality' && (
-        <Stack gap="sm">
+        <Stack gap="md">
           <Divider />
           <SliderWithInput
             label={t('compress.tooltip.qualityAdjustment.title', 'Compression Level')}
@@ -43,10 +43,10 @@ const CompressSettings = ({ parameters, onParameterChange, disabled = false }: C
             step={1}
             suffix=""
           />
-          <Text size="xs" c="dimmed" style={{ marginTop: '8px' }}>
-            {parameters.compressionLevel <= 3 && t('compress.compressionLevel.range1to3')}
-            {parameters.compressionLevel >= 4 && parameters.compressionLevel <= 6 && t('compress.compressionLevel.range4to6')}
-            {parameters.compressionLevel >= 7 && t('compress.compressionLevel.range7to9')}
+          <Text size="xs" c="dimmed" mt={-4}>
+            {parameters.compressionLevel <= 3 && t('compress.compressionLevel.range1to3', 'Lower values preserve quality but result in larger files')}
+            {parameters.compressionLevel >= 4 && parameters.compressionLevel <= 6 && t('compress.compressionLevel.range4to6', 'Medium compression with moderate quality reduction')}
+            {parameters.compressionLevel >= 7 && t('compress.compressionLevel.range7to9', 'Higher values reduce file size significantly but may reduce image clarity')}
           </Text>
         </Stack>
       )}