ensure breadcrumb always same height

opengovsg · Dec 27, 2024 · b596874 · b596874
1 parent 7c297e8
commit b596874
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/apps/studio/src/features/dashboard/components/Dashboard.tsx b/apps/studio/src/features/dashboard/components/Dashboard.tsx
@@ -41,7 +41,13 @@ export const Dashboard = ({
       minH="100%"
     >
       <VStack w="100%" align="start">
-        <Breadcrumb size="sm" w="100%">
+        <Breadcrumb
+          size="sm"
+          w="100%"
+          minH="1.25rem" // maintain height even when single breadcrumb
+          display="flex"
+          alignItems="center"
+        >
           {allBreadcrumbsExceptLast.map(({ href, label }, index) => {
             return (
               <BreadcrumbItem key={index}>