diff --git a/resources/js/Pages/Collections/Components/CollectionFilterSlider/CollectionFilterSlider.tsx b/resources/js/Pages/Collections/Components/CollectionFilterSlider/CollectionFilterSlider.tsx
index acc7383e9..ec10e3563 100644
--- a/resources/js/Pages/Collections/Components/CollectionFilterSlider/CollectionFilterSlider.tsx
+++ b/resources/js/Pages/Collections/Components/CollectionFilterSlider/CollectionFilterSlider.tsx
@@ -91,22 +91,24 @@ export const CollectionFilterSlider = ({
 
                 <div className="mt-auto">
                     <Slider.Content includePadding={false}>
-                        <div className="flex justify-end space-x-3 border-t border-theme-secondary-300 px-8 py-3 dark:border-theme-dark-700">
-                            <Button
-                                variant="secondary"
-                                className="w-full justify-center sm:w-auto"
-                                onClick={resetFilters}
-                            >
-                                {t("common.cancel")}
-                            </Button>
+                        <div className="fixed inset-x-0 bottom-0 bg-white dark:bg-theme-dark-900">
+                            <div className="flex justify-end space-x-3 border-t border-theme-secondary-300 px-8 py-3 dark:border-theme-dark-700">
+                                <Button
+                                    variant="secondary"
+                                    className="w-full justify-center sm:w-auto"
+                                    onClick={resetFilters}
+                                >
+                                    {t("common.cancel")}
+                                </Button>
 
-                            <Button
-                                className="w-full justify-center sm:w-auto"
-                                variant="primary"
-                                onClick={approveFilters}
-                            >
-                                {t("common.done")}
-                            </Button>
+                                <Button
+                                    className="w-full justify-center sm:w-auto"
+                                    variant="primary"
+                                    onClick={approveFilters}
+                                >
+                                    {t("common.done")}
+                                </Button>
+                            </div>
                         </div>
                     </Slider.Content>
                 </div>