diff --git a/apps/gnocchi/web/src/components/groceries/items/GroceryListItem.tsx b/apps/gnocchi/web/src/components/groceries/items/GroceryListItem.tsx
index 998826d3..d48b8f1a 100644
--- a/apps/gnocchi/web/src/components/groceries/items/GroceryListItem.tsx
+++ b/apps/gnocchi/web/src/components/groceries/items/GroceryListItem.tsx
@@ -204,7 +204,7 @@ export const GroceryListItem = forwardRef<HTMLDivElement, GroceryListItemProps>(
 						</div>
 					</div>
 					<CollapsibleTrigger asChild>
-						<Button size="icon" color="ghost" className="p-1">
+						<Button size="icon" color="ghost" className="p-1 flex-shrink-0">
 							<Icon
 								name="chevron"
 								className="[*[data-state=open]_&]:rotate-180deg text-gray-5 hover:text-gray-7"
diff --git a/apps/gnocchi/web/src/pages/recipe/RecipeViewPage.tsx b/apps/gnocchi/web/src/pages/recipe/RecipeViewPage.tsx
index 9a5d2316..13ceb151 100644
--- a/apps/gnocchi/web/src/pages/recipe/RecipeViewPage.tsx
+++ b/apps/gnocchi/web/src/pages/recipe/RecipeViewPage.tsx
@@ -5,7 +5,7 @@ export interface RecipeViewPageProps {}
 
 export function RecipeViewPage({}: RecipeViewPageProps) {
 	return (
-		<PageContent className="rounded-b-lg border-b border-b-solid border-b-[#00000070] bg-wash sm:border-none sm:rounded-0">
+		<PageContent>
 			<Outlet />
 		</PageContent>
 	);