diff --git a/app/ui/AddLocationButton.tsx b/app/ui/AddLocationButton.tsx
index 2f68524..06b73e2 100644
--- a/app/ui/AddLocationButton.tsx
+++ b/app/ui/AddLocationButton.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { PlusCircleIcon, HomeIcon } from "@heroicons/react/24/outline";
 import { YearMonth } from "../lib/db-types";
 import { formatYearMonth } from "../lib/format";
diff --git a/app/ui/AddMonthButton.tsx b/app/ui/AddMonthButton.tsx
index 8ba1484..001951a 100644
--- a/app/ui/AddMonthButton.tsx
+++ b/app/ui/AddMonthButton.tsx
@@ -25,5 +25,6 @@ export const AddMonthButton:React.FC<AddMonthButtonProps> = ({ yearMonth }) => {
                     <span className="ml-1 mt-1 text-xs text-left leading-[1.2em]">{t("tooltip")}</span>
                 </span>
             </Link>
-        </div>);
+        </div>
+    );
 }