diff --git a/app/loading.js b/app/loading.js
new file mode 100644
index 0000000..a3b6ba7
--- /dev/null
+++ b/app/loading.js
@@ -0,0 +1,17 @@
+import { Box, CircularProgress } from "@mui/material";
+
+export default function Loading() {
+  return (
+    <Box
+      sx={{
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+      }}
+    >
+      <CircularProgress />
+    </Box>
+  );
+}
diff --git a/app/questionnaire/loading.js b/app/questionnaire/loading.js
new file mode 100644
index 0000000..a3b6ba7
--- /dev/null
+++ b/app/questionnaire/loading.js
@@ -0,0 +1,17 @@
+import { Box, CircularProgress } from "@mui/material";
+
+export default function Loading() {
+  return (
+    <Box
+      sx={{
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+      }}
+    >
+      <CircularProgress />
+    </Box>
+  );
+}