diff --git a/ui/src/pages/[feed].tsx b/ui/src/pages/[feed].tsx
index 7edd36c3..58d6b0b0 100644
--- a/ui/src/pages/[feed].tsx
+++ b/ui/src/pages/[feed].tsx
@@ -26,7 +26,11 @@ const FeedPage: NextPageWithLayout = () => {
       <main>
         <Container maxWidth="sm">
           <Box>
-            <Breadcrumbs separator={<NavigateNext />} aria-label="breadcrumb">
+            <Breadcrumbs
+              separator={<NavigateNext />}
+              aria-label="breadcrumb"
+              sx={{ mt: 2 }}
+            >
               <Link href={"/"} color="inherit">
                 All hydrophones
               </Link>
diff --git a/ui/src/pages/dynamic/[feed].tsx b/ui/src/pages/dynamic/[feed].tsx
index 0b440b67..04c6f69f 100644
--- a/ui/src/pages/dynamic/[feed].tsx
+++ b/ui/src/pages/dynamic/[feed].tsx
@@ -22,7 +22,11 @@ const FeedPage: NextPageWithLayout = () => {
       <main>
         <Container maxWidth="sm">
           <Box>
-            <Breadcrumbs separator={<NavigateNext />} aria-label="breadcrumb">
+            <Breadcrumbs
+              separator={<NavigateNext />}
+              aria-label="breadcrumb"
+              sx={{ mt: 2 }}
+            >
               <Link href={"/"} color="inherit">
                 All hydrophones
               </Link>