diff --git a/webapp/app.ironcalc.com/frontend/src/components/WelcomeDialog/TemplatesListItem.tsx b/webapp/app.ironcalc.com/frontend/src/components/WelcomeDialog/TemplatesListItem.tsx
index 3eac38b..8daf9b1 100644
--- a/webapp/app.ironcalc.com/frontend/src/components/WelcomeDialog/TemplatesListItem.tsx
+++ b/webapp/app.ironcalc.com/frontend/src/components/WelcomeDialog/TemplatesListItem.tsx
@@ -4,10 +4,10 @@ import type { ReactNode } from "react";
 interface TemplatesListItemProps {
   title: string;
   description: string;
-  icon?: ReactNode;
-  iconColor?: string;
-  active?: boolean;
-  onClick?: () => void;
+  icon: ReactNode;
+  iconColor: string;
+  active: boolean;
+  onClick: () => void;
 }
 
 function TemplatesListItem({
diff --git a/webapp/app.ironcalc.com/frontend/src/components/WelcomeDialog/WelcomeDialog.tsx b/webapp/app.ironcalc.com/frontend/src/components/WelcomeDialog/WelcomeDialog.tsx
index f09b114..0efd315 100644
--- a/webapp/app.ironcalc.com/frontend/src/components/WelcomeDialog/WelcomeDialog.tsx
+++ b/webapp/app.ironcalc.com/frontend/src/components/WelcomeDialog/WelcomeDialog.tsx
@@ -7,8 +7,8 @@ import TemplatesListItem from "./TemplatesListItem";
 function WelcomeDialog(properties: {
   onClose: () => void;
   onSelectTemplate: (templateId: string) => void;
-  showHeader?: boolean;
-  showNewSection?: boolean;
+  showHeader: boolean;
+  showNewSection: boolean;
 }) {
   const [selectedTemplate, setSelectedTemplate] = useState<string>(
     properties.showNewSection ? "blank" : "mortgage_calculator",