diff --git a/client/components/pickup/PickupCarousel.tsx b/client/components/pickup/PickupCarousel.tsx
index ee08284..b7964cd 100644
--- a/client/components/pickup/PickupCarousel.tsx
+++ b/client/components/pickup/PickupCarousel.tsx
@@ -1,4 +1,4 @@
-import { Box, Text } from "@chakra-ui/react";
+import { Box, Button, Text } from "@chakra-ui/react";
import { useBreakpointValue, useMediaQuery } from "@chakra-ui/react";
import { Carousel } from "react-responsive-carousel";
import "react-responsive-carousel/lib/styles/carousel.min.css";
@@ -90,9 +90,9 @@ const PickupCarousel = ({ minDist, numPickupServices }: { minDist: number, numPi
{numPickupServices}
) : (
-
- {(minDist * 1000).toFixed(0)}m
-
+ <>
+ {(minDist * 1000).toFixed(0)}m
+ >
)}{" "}
{/* Display slide number */}