diff --git a/01-frontend/src/helper/homepage/PriceSlider.tsx b/01-frontend/src/helper/homepage/PriceSlider.tsx
index c1810ce..1ce19a0 100644
--- a/01-frontend/src/helper/homepage/PriceSlider.tsx
+++ b/01-frontend/src/helper/homepage/PriceSlider.tsx
@@ -28,7 +28,7 @@ export default function PriceSlider({ min = 0, max = 100, onChange }: PriceSlide
     return (
         <div>
             <h3>{t('price')}</h3>
-            <Box sx={{pl: 2, pr: 7}}>
+            <Box sx={{pl: 1, pr: 1}}>
                 <Slider
                     value={value}
                     onChange={handleChange}
@@ -39,7 +39,7 @@ export default function PriceSlider({ min = 0, max = 100, onChange }: PriceSlide
                     step={1}
                 />
             </Box>
-            <Box sx={{ pl: 1, pr: 6, display: 'flex', justifyContent: 'space-between' }}>
+            <Box sx={{display: 'flex', justifyContent: 'space-between'}}>
                 <Typography>{value[0]?.toFixed(2) ?? "0.00"} €</Typography>
                 <Typography>{value[1]?.toFixed(2) ?? "0.00"} €</Typography>
             </Box>
diff --git a/01-frontend/src/pages/pages.css b/01-frontend/src/pages/pages.css
index 89c2cd6..f6e74f2 100644
--- a/01-frontend/src/pages/pages.css
+++ b/01-frontend/src/pages/pages.css
@@ -131,10 +131,11 @@
 }
 
 .filter-container {
-    width: 17%;
+    width: fit-content;
     display: grid;
-    margin: 20px -20px 20px 20px;
+    margin: 20px 30px 20px 30px;
     place-self: start;
+    white-space: nowrap;
 }
 
 .loader-container {