diff --git a/apps/app/src/app/(main-layout)/questions/[technology]/[page]/loading.tsx b/apps/app/src/app/(main-layout)/questions/[technology]/[page]/loading.tsx
index 189c0339..768f4716 100644
--- a/apps/app/src/app/(main-layout)/questions/[technology]/[page]/loading.tsx
+++ b/apps/app/src/app/(main-layout)/questions/[technology]/[page]/loading.tsx
@@ -1,5 +1,5 @@
 import { Loading } from "../../../../../components/Loading";
 
 export default function LoadingQuestions() {
-	return <Loading label="ładowanie pytań" />;
+	return <Loading label="ładowanie pytań" type="article" withTechnology={false} withFilters />;
 }
diff --git a/apps/app/src/components/AddQuestionModal.tsx b/apps/app/src/components/AddQuestionModal.tsx
index 0a192068..1cf51461 100644
--- a/apps/app/src/components/AddQuestionModal.tsx
+++ b/apps/app/src/components/AddQuestionModal.tsx
@@ -54,7 +54,7 @@ export const AddQuestionModal = (props: ComponentProps<typeof BaseModal>) => {
 			onSuccess: () => {
 				setSelectData({});
 				setContent("");
-				modalData ? closeModal() : openModal("AddQuestionConfirmationModal");
+				modalData ? handleCloseModal() : openModal("AddQuestionConfirmationModal");
 			},
 			onError: () => setIsError(true),
 		};
@@ -78,8 +78,15 @@ export const AddQuestionModal = (props: ComponentProps<typeof BaseModal>) => {
 			}
 		};
 
+	const handleCloseModal = () => {
+		closeModal();
+		if (modalData?.additionalActionOnClose) {
+			modalData.additionalActionOnClose();
+		}
+	};
+
 	return (
-		<BaseModal {...props}>
+		<BaseModal {...props} onClose={handleCloseModal}>
 			<BaseModal.Title modalId={props.modalId}>
 				{modalData ? "Edytuj" : "Nowe"} pytanie
 			</BaseModal.Title>
@@ -135,7 +142,7 @@ export const AddQuestionModal = (props: ComponentProps<typeof BaseModal>) => {
 					<Button
 						type="button"
 						variant="branding"
-						onClick={closeModal}
+						onClick={handleCloseModal}
 						className="dark:focus:shadow-white"
 					>
 						Anuluj
diff --git a/apps/app/src/components/AdminPanel/AdminPanel.tsx b/apps/app/src/components/AdminPanel/AdminPanel.tsx
index a0d1eaee..4e7bd54a 100644
--- a/apps/app/src/components/AdminPanel/AdminPanel.tsx
+++ b/apps/app/src/components/AdminPanel/AdminPanel.tsx
@@ -6,6 +6,7 @@ import { Level } from "../../lib/level";
 import { QuestionStatus } from "../../lib/question";
 import { Technology } from "../../lib/technologies";
 import { FilterableQuestionsList } from "../FilterableQuestionsList/FilterableQuestionsList";
+import { Loading } from "../Loading";
 import { AdminPanelQuestionsList } from "./AdminPanelQuestionsList";
 
 type AdminPanelProps = Readonly<{
@@ -35,7 +36,7 @@ export const AdminPanel = ({ page, technology, levels, status }: AdminPanelProps
 			data={{ status, technology, levels }}
 		>
 			{isSuccess && data.data.data.length > 0 ? (
-				<Suspense>
+				<Suspense fallback={<Loading label="ładowanie pytań" type="article" admin />}>
 					<AdminPanelQuestionsList questions={data.data.data} refetchQuestions={refetchQuestions} />
 				</Suspense>
 			) : (
diff --git a/apps/app/src/components/AdminPanel/AdminPanelQuestionLeftSection.tsx b/apps/app/src/components/AdminPanel/AdminPanelQuestionLeftSection.tsx
index 82fb0ddd..cad12495 100644
--- a/apps/app/src/components/AdminPanel/AdminPanelQuestionLeftSection.tsx
+++ b/apps/app/src/components/AdminPanel/AdminPanelQuestionLeftSection.tsx
@@ -24,12 +24,6 @@ export const AdminPanelQuestionLeftSection = ({
 	const { openModal, openedModal } = useUIContext();
 	const { id, _statusId: status } = question;
 
-	useEffect(() => {
-		if (!openedModal) {
-			refetchQuestions();
-		}
-	}, [openedModal, refetchQuestions]);
-
 	const handleAcceptQuestionClick = () => {
 		patchQuestionMutation.mutate(
 			{ id, status: "accepted" },
@@ -48,7 +42,7 @@ export const AdminPanelQuestionLeftSection = ({
 	};
 
 	const handleEditQuestionClick = () => {
-		openModal("AddQuestionModal", question);
+		openModal("AddQuestionModal", { ...question, additionalActionOnClose: refetchQuestions });
 	};
 
 	return (
diff --git a/apps/app/src/components/CtaHeader/CtaHeader.tsx b/apps/app/src/components/CtaHeader/CtaHeader.tsx
index b9367b2f..8d75c2bb 100644
--- a/apps/app/src/components/CtaHeader/CtaHeader.tsx
+++ b/apps/app/src/components/CtaHeader/CtaHeader.tsx
@@ -13,7 +13,7 @@ type CtaHeaderActiveLinkProps = Readonly<{
 const CtaHeaderActiveLink = (props: CtaHeaderActiveLinkProps) => (
 	<ActiveLink
 		activeClassName="font-bold border-white"
-		className="flex h-12 grow items-center justify-center border-b-2 border-transparent px-7 transition-opacity hover:opacity-80"
+		className="flex h-12 grow items-center justify-center border-b-2 border-transparent px-7 text-center transition-opacity hover:opacity-80"
 		{...props}
 	/>
 );
diff --git a/apps/app/src/components/Loading.tsx b/apps/app/src/components/Loading.tsx
index 9dfa40fc..fe928406 100644
--- a/apps/app/src/components/Loading.tsx
+++ b/apps/app/src/components/Loading.tsx
@@ -1,10 +1,88 @@
 import { twMerge } from "tailwind-merge";
 
-export const Loading = ({ label, className }: { label: string; className?: string }) => {
+type LoaderType = "spinner" | "article";
+
+export const Loading = ({
+	label,
+	type = "spinner",
+	withTechnology = false,
+	withFilters = false,
+	admin = false,
+	className,
+}: {
+	label: string;
+	withTechnology?: boolean;
+	type?: LoaderType;
+	withFilters?: boolean;
+	className?: string;
+	admin?: boolean;
+}) => {
+	if (type === "article") {
+		return (
+			<div role="status" aria-label={label} className="flex w-full flex-col gap-10">
+				{withFilters && (
+					<div className="flex animate-pulse flex-wrap items-baseline justify-between gap-3">
+						<span className="h-8 w-28 bg-white shadow-md dark:bg-neutral-700 md:gap-3"></span>
+						<div className="flex flex-wrap items-baseline gap-1.5 md:gap-3">
+							<span className="h-8 w-28 bg-white shadow-md dark:bg-neutral-700 md:gap-3"></span>
+							<span className="h-8 w-52 bg-white shadow-md dark:bg-neutral-700 md:gap-3"></span>
+						</div>
+					</div>
+				)}
+				<ul className="flex w-full list-none flex-col gap-10">
+					{[...Array(10).keys()].map((i) => (
+						<li key={i}>
+							<article
+								className={twMerge(
+									`flex animate-pulse bg-white p-3 text-sm text-neutral-500 shadow-md dark:bg-white-dark dark:text-neutral-200 md:p-5`,
+								)}
+								style={{ animationDelay: `${i * 0.25}s` }}
+							>
+								<div className="mr-3 flex flex-col justify-start gap-1.5">
+									{admin ? (
+										<span className="block h-8 w-20 rounded-md bg-neutral-100 dark:bg-neutral-700"></span>
+									) : (
+										<span className="block h-7 w-8 rounded-md bg-neutral-100 dark:bg-neutral-700"></span>
+									)}
+								</div>
+								<div className="question-content flex max-w-full grow flex-col gap-1.5 px-2">
+									<span className="block h-3.5 w-full bg-neutral-100 dark:bg-neutral-700"></span>
+									<span className="block h-3.5 w-full bg-neutral-100 dark:bg-neutral-700"></span>
+									<span className="block h-3.5 w-full bg-neutral-100 dark:bg-neutral-700"></span>
+									<span className="block h-3.5 w-full bg-neutral-100 dark:bg-neutral-700"></span>
+									<span className="block h-3.5 w-full bg-neutral-100 dark:bg-neutral-700"></span>
+									<span className="block h-3.5 w-[80%] bg-neutral-100 dark:bg-neutral-700"></span>
+								</div>
+								<div className="flex min-w-max flex-col items-center md:ml-4 md:items-end">
+									<div className="flex flex-col items-center">
+										{withTechnology && (
+											<div className="mb-3 flex flex-col items-center self-center">
+												<span className="mb-1 h-3.5 w-10 bg-neutral-100 dark:bg-neutral-700"></span>
+												<div className="h-8 w-8 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
+											</div>
+										)}
+										<span className="h-8 min-w-[64px] rounded-full bg-neutral-100 dark:bg-neutral-700 md:min-w-[80px]"></span>
+									</div>
+									<div className="mt-3">
+										<div className="block h-3 w-12 bg-neutral-100 dark:bg-neutral-700 md:w-20"></div>
+									</div>
+								</div>
+							</article>
+						</li>
+					))}
+				</ul>
+			</div>
+		);
+	}
+
 	return (
-		<div className={twMerge(`mt-8 flex items-center justify-center`, className)} aria-label={label}>
+		<div
+			className={twMerge(`mt-8 flex items-center justify-center`, className)}
+			aria-label={label}
+			role="status"
+		>
 			<div className="h-12 w-12 animate-loader border-4 border-primary dark:border-neutral-200">
-				<div className="w-full animate-loader-inner bg-primary dark:bg-neutral-200" />
+				<div className="w-full animate-loader-inner bg-primary dark:bg-neutral-100" />
 			</div>
 		</div>
 	);
diff --git a/apps/app/src/components/QuestionAnswers/AnswerForm/AnswerForm.tsx b/apps/app/src/components/QuestionAnswers/AnswerForm/AnswerForm.tsx
index f46d6ef7..2118d195 100644
--- a/apps/app/src/components/QuestionAnswers/AnswerForm/AnswerForm.tsx
+++ b/apps/app/src/components/QuestionAnswers/AnswerForm/AnswerForm.tsx
@@ -36,7 +36,9 @@ export const AnswerForm = ({
 	const [isError, setIsError] = useState(false);
 
 	const disabled =
-		content.trim().length === 0 || !sources.every((source) => URL_REGEX.test(source));
+		content.trim().length === 0 ||
+		!sources.every((source) => URL_REGEX.test(source)) ||
+		initContent === content;
 
 	const handleFormSubmit = (event: FormEvent<HTMLFormElement>) => {
 		event.preventDefault();
diff --git a/apps/app/src/components/QuestionAnswers/EditAnswer.tsx b/apps/app/src/components/QuestionAnswers/EditAnswer.tsx
index a1834d28..7b0fe31e 100644
--- a/apps/app/src/components/QuestionAnswers/EditAnswer.tsx
+++ b/apps/app/src/components/QuestionAnswers/EditAnswer.tsx
@@ -43,7 +43,7 @@ export const EditAnswer = ({
 		return (
 			<div className="mt-4">
 				<AnswerForm
-					title="Edytuj odpowiedź"
+					title="Zapisz zmiany"
 					initContent={content}
 					initSources={sources}
 					error={isError}
diff --git a/apps/app/src/components/QuestionItem/QuestionItem.tsx b/apps/app/src/components/QuestionItem/QuestionItem.tsx
index 44c2a6c9..204d28a1 100644
--- a/apps/app/src/components/QuestionItem/QuestionItem.tsx
+++ b/apps/app/src/components/QuestionItem/QuestionItem.tsx
@@ -5,7 +5,7 @@ import { Technology } from "../../lib/technologies";
 import { formatDate } from "../../utils/intl";
 import { Box } from "../Box";
 import { MarkdownContent } from "../MarkdownContent";
-import { Level, QuestionLevel } from "./QuestionLevel";
+import { Level } from "./QuestionLevel";
 
 type QuestionItemProps = Readonly<{
 	id: number;
diff --git a/apps/app/src/components/QuestionsList/QuestionsList.tsx b/apps/app/src/components/QuestionsList/QuestionsList.tsx
index 08e5ec28..07f6882c 100644
--- a/apps/app/src/components/QuestionsList/QuestionsList.tsx
+++ b/apps/app/src/components/QuestionsList/QuestionsList.tsx
@@ -1,16 +1,27 @@
 "use client";
 
+import dynamic from "next/dynamic";
 import { useGetQuestionsVotes } from "../../hooks/useQuestionVoting";
-import { Question, QuestionFilter } from "../../types";
+import { AdminQuestion, QuestionFilter } from "../../types";
 import { QuestionItem } from "../QuestionItem/QuestionItem";
 import { QuestionLevel } from "../QuestionItem/QuestionLevel";
 import { QuestionVoting } from "./QuestionVoting";
 
 type QuestionsListProps = Readonly<{
-	questions: Question[];
+	questions: AdminQuestion[];
 	questionFilter: QuestionFilter;
 }>;
 
+const QuestionsManagement = dynamic(
+	() =>
+		import(/* webpackChunkName: "QuestionsManagement" */ "./QuestionsManagment").then(
+			(mod) => mod.QuestionsManagement,
+		),
+	{
+		ssr: false,
+	},
+);
+
 export const QuestionsList = ({ questions, questionFilter }: QuestionsListProps) => {
 	const { questionsVotes, refetch } = useGetQuestionsVotes(questionFilter);
 
@@ -20,8 +31,11 @@ export const QuestionsList = ({ questions, questionFilter }: QuestionsListProps)
 
 	return (
 		<ul className="space-y-10">
-			{questions.map(({ id, mdxContent, _levelId, _categoryId, acceptedAt }) => {
-				const questionVote = questionsVotes?.find((questionVote) => questionVote.id === id);
+			{questions.map((question) => {
+				const { id, mdxContent, _levelId, _categoryId, acceptedAt } = question;
+				const questionVote = questionsVotes?.find(
+					(questionVote) => questionVote.id === question.id,
+				);
 				const [votes, voted] = questionVote
 					? [questionVote.votesCount, questionVote.currentUserVotedOn]
 					: [0, false];
@@ -35,12 +49,15 @@ export const QuestionsList = ({ questions, questionFilter }: QuestionsListProps)
 							technology={_categoryId}
 							acceptedAt={acceptedAt}
 							leftSection={
-								<QuestionVoting
-									questionId={id}
-									votes={votes}
-									voted={voted}
-									onQuestionVote={onQuestionVote}
-								/>
+								<div className="flex flex-col gap-1.5">
+									<QuestionVoting
+										questionId={id}
+										votes={votes}
+										voted={voted}
+										onQuestionVote={onQuestionVote}
+									/>
+									<QuestionsManagement question={question} />
+								</div>
 							}
 							rightSection={<QuestionLevel level={_levelId} />}
 						/>
diff --git a/apps/app/src/components/QuestionsList/QuestionsManagment.tsx b/apps/app/src/components/QuestionsList/QuestionsManagment.tsx
new file mode 100644
index 00000000..8b359745
--- /dev/null
+++ b/apps/app/src/components/QuestionsList/QuestionsManagment.tsx
@@ -0,0 +1,36 @@
+import { useRouter } from "next/navigation";
+import { useCallback } from "react";
+import { Button } from "../Button/Button";
+import { PrivateElement } from "../PrivateElement";
+import PencilIcon from "../../../public/icons/pencil.svg";
+import { AdminQuestion } from "../../types";
+import { useUIContext } from "../../providers/UIProvider";
+
+export const QuestionsManagement = ({ question }: { question: AdminQuestion }) => {
+	const { openModal } = useUIContext();
+
+	const router = useRouter();
+	const onQuestionUpdate = useCallback(() => {
+		router.refresh();
+	}, [router]);
+
+	return (
+		<PrivateElement role="admin">
+			<div className="mr-3 flex flex-col justify-start gap-1.5">
+				<Button
+					variant="branding"
+					className="m-px flex w-24 min-w-0 items-center justify-center gap-2 p-0"
+					onClick={() =>
+						openModal("AddQuestionModal", {
+							...question,
+							additionalActionOnClose: onQuestionUpdate,
+						})
+					}
+				>
+					<PencilIcon className="fill-violet-700 dark:fill-neutral-200" />
+					Edytuj
+				</Button>
+			</div>
+		</PrivateElement>
+	);
+};
diff --git a/apps/app/src/components/SingleQuestion.tsx b/apps/app/src/components/SingleQuestion.tsx
index e8a3b6b3..347584a6 100644
--- a/apps/app/src/components/SingleQuestion.tsx
+++ b/apps/app/src/components/SingleQuestion.tsx
@@ -1,19 +1,29 @@
 "use client";
 
-import { Question } from "../types";
+import dynamic from "next/dynamic";
+import { AdminQuestion } from "../types";
 import { useGetQuestionVotesById } from "../hooks/useQuestionVoting";
 import { QuestionItem } from "./QuestionItem/QuestionItem";
 import { QuestionVoting } from "./QuestionsList/QuestionVoting";
 import { QuestionTechnology } from "./QuestionItem/QuestionTechnology";
 import { QuestionLevel } from "./QuestionItem/QuestionLevel";
 
+const QuestionsManagement = dynamic(
+	() =>
+		import(
+			/* webpackChunkName: "QuestionsManagement" */ "../components/QuestionsList/QuestionsManagment"
+		).then((mod) => mod.QuestionsManagement),
+	{
+		ssr: false,
+	},
+);
+
 type SingleQuestionProps = Readonly<{
-	question: Question;
+	question: AdminQuestion;
 }>;
 
-export const SingleQuestion = ({
-	question: { id, mdxContent, _levelId, _categoryId, acceptedAt },
-}: SingleQuestionProps) => {
+export const SingleQuestion = ({ question }: SingleQuestionProps) => {
+	const { id, mdxContent, _levelId, _categoryId, acceptedAt } = question;
 	const { votes, voted, refetch } = useGetQuestionVotesById(id);
 
 	return (
@@ -24,14 +34,17 @@ export const SingleQuestion = ({
 			technology={_categoryId}
 			acceptedAt={acceptedAt}
 			leftSection={
-				<QuestionVoting
-					questionId={id}
-					votes={votes}
-					voted={voted}
-					onQuestionVote={() => {
-						void refetch();
-					}}
-				/>
+				<div className="flex flex-col gap-1.5">
+					<QuestionVoting
+						questionId={id}
+						votes={votes}
+						voted={voted}
+						onQuestionVote={() => {
+							void refetch();
+						}}
+					/>
+					<QuestionsManagement question={question} />
+				</div>
 			}
 			rightSection={
 				<div className="flex flex-col items-center">
diff --git a/apps/app/src/components/UserQuestions/UserQuestionLeftSection.tsx b/apps/app/src/components/UserQuestions/UserQuestionLeftSection.tsx
index 3c3b4026..bdd1f4e0 100644
--- a/apps/app/src/components/UserQuestions/UserQuestionLeftSection.tsx
+++ b/apps/app/src/components/UserQuestions/UserQuestionLeftSection.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import { useUIContext } from "../../providers/UIProvider";
 import { AdminQuestion } from "../../types";
 import PencilIcon from "../../../public/icons/pencil.svg";
@@ -5,17 +6,26 @@ import { Button } from "../Button/Button";
 
 type UserQuestionLeftSectionProps = Readonly<{
 	question: AdminQuestion;
+	refetchQuestions: () => void;
 }>;
 
-export const UserQuestionLeftSection = ({ question }: UserQuestionLeftSectionProps) => {
-	const { openModal } = useUIContext();
+export const UserQuestionLeftSection = ({
+	question,
+	refetchQuestions,
+}: UserQuestionLeftSectionProps) => {
+	const { openModal, openedModal } = useUIContext();
 
 	return (
 		<div className="mr-3 flex flex-col justify-start gap-1.5">
 			<Button
 				variant="branding"
 				className="m-px flex w-24 min-w-0 items-center justify-center gap-2 p-0"
-				onClick={() => openModal("AddQuestionModal", question)}
+				onClick={() =>
+					openModal("AddQuestionModal", {
+						...question,
+						additionalActionOnClose: refetchQuestions,
+					})
+				}
 			>
 				<PencilIcon className="fill-violet-700 dark:fill-neutral-200" />
 				Edytuj
diff --git a/apps/app/src/components/UserQuestions/UserQuestions.tsx b/apps/app/src/components/UserQuestions/UserQuestions.tsx
index b2b665cf..c4e4130c 100644
--- a/apps/app/src/components/UserQuestions/UserQuestions.tsx
+++ b/apps/app/src/components/UserQuestions/UserQuestions.tsx
@@ -1,10 +1,11 @@
 "use client";
 
-import { Suspense } from "react";
+import { Suspense, useCallback } from "react";
 import { useGetAllQuestions } from "../../hooks/useGetAllQuestions";
 import { useUser } from "../../hooks/useUser";
 import { Technology } from "../../lib/technologies";
 import { FilterableQuestionsList } from "../FilterableQuestionsList/FilterableQuestionsList";
+import { Loading } from "../Loading";
 import { Level } from "../QuestionItem/QuestionLevel";
 import { UserQuestionsList } from "./UserQuestionsList";
 
@@ -16,13 +17,17 @@ type UserQuestionsProps = Readonly<{
 
 export const UserQuestions = ({ page, technology, levels }: UserQuestionsProps) => {
 	const { userData } = useUser();
-	const { isSuccess, data } = useGetAllQuestions({
+	const { isSuccess, data, refetch } = useGetAllQuestions({
 		page,
 		technology,
 		levels,
 		userId: userData?._user.id,
 	});
 
+	const refetchQuestions = useCallback(() => {
+		void refetch();
+	}, [refetch]);
+
 	return (
 		<FilterableQuestionsList
 			page={page}
@@ -31,8 +36,10 @@ export const UserQuestions = ({ page, technology, levels }: UserQuestionsProps)
 			data={{ technology, levels }}
 		>
 			{isSuccess && data.data.data.length > 0 ? (
-				<Suspense>
-					<UserQuestionsList questions={data.data.data} />
+				<Suspense
+					fallback={<Loading label="ładowanie pytań" type="article" withTechnology admin />}
+				>
+					<UserQuestionsList questions={data.data.data} refetchQuestions={refetchQuestions} />
 				</Suspense>
 			) : (
 				<p className="mt-10 text-2xl font-bold uppercase text-primary dark:text-neutral-200">
diff --git a/apps/app/src/components/UserQuestions/UserQuestionsList.tsx b/apps/app/src/components/UserQuestions/UserQuestionsList.tsx
index 8499f2c7..a7483a1f 100644
--- a/apps/app/src/components/UserQuestions/UserQuestionsList.tsx
+++ b/apps/app/src/components/UserQuestions/UserQuestionsList.tsx
@@ -10,9 +10,10 @@ import { UserQuestionLeftSection } from "./UserQuestionLeftSection";
 
 type UserQuestionsListProps = Readonly<{
 	questions: APIQuestion[];
+	refetchQuestions: () => void;
 }>;
 
-export const UserQuestionsList = memo(({ questions }: UserQuestionsListProps) => {
+export const UserQuestionsList = memo(({ questions, refetchQuestions }: UserQuestionsListProps) => {
 	const serializedQuestions = questions.map((question) =>
 		use(
 			(async () => {
@@ -29,7 +30,9 @@ export const UserQuestionsList = memo(({ questions }: UserQuestionsListProps) =>
 					<QuestionItem
 						level={question._levelId}
 						technology={question._categoryId}
-						leftSection={<UserQuestionLeftSection question={question} />}
+						leftSection={
+							<UserQuestionLeftSection question={question} refetchQuestions={refetchQuestions} />
+						}
 						rightSection={
 							<div className="flex flex-col items-center">
 								<QuestionTechnology technology={question._categoryId} />
diff --git a/apps/app/src/lib/question.ts b/apps/app/src/lib/question.ts
index 5306d395..bf378c66 100644
--- a/apps/app/src/lib/question.ts
+++ b/apps/app/src/lib/question.ts
@@ -7,7 +7,7 @@ export type QuestionStatus = typeof statuses[number];
 
 export const serializeQuestionToMarkdown = async ({ question, ...rest }: APIQuestion) => {
 	const mdxContent = await serializeSource(question);
-	return { mdxContent, ...rest };
+	return { mdxContent, question, ...rest };
 };
 
 export const parseStatusQuery = (query: QueryParam | null): QuestionStatus | null => {
diff --git a/apps/app/src/providers/UIProvider.tsx b/apps/app/src/providers/UIProvider.tsx
index 9392926c..1d9da2a8 100644
--- a/apps/app/src/providers/UIProvider.tsx
+++ b/apps/app/src/providers/UIProvider.tsx
@@ -3,7 +3,7 @@ import type { ReactNode } from "react";
 import type { AdminQuestion } from "../types";
 
 interface ModalData {
-	AddQuestionModal: AdminQuestion;
+	AddQuestionModal: AdminQuestion & { additionalActionOnClose?: () => void };
 	AddQuestionConfirmationModal: never;
 }