diff --git a/src/routes/_.how-to.$slug._index.tsx b/src/routes/_.how-to.$slug._index.tsx
index df625b2a2c..8277deab31 100644
--- a/src/routes/_.how-to.$slug._index.tsx
+++ b/src/routes/_.how-to.$slug._index.tsx
@@ -20,6 +20,12 @@ export async function loader({ params }: LoaderFunctionArgs) {
   return json({ howto })
 }
 
+export function HydrateFallback() {
+  // This is required because all routes are loaded client-side. Avoids a page flicker before css is loaded.
+  // Can be removed once ALL pages are using SSR.
+  return <div></div>
+}
+
 export const meta = mergeMeta<typeof loader>(({ data }) => {
   const howto = data?.howto as IHowtoDB
 
diff --git a/src/routes/_.questions.$slug._index.tsx b/src/routes/_.questions.$slug._index.tsx
index be4423f6b5..259a68cf37 100644
--- a/src/routes/_.questions.$slug._index.tsx
+++ b/src/routes/_.questions.$slug._index.tsx
@@ -20,6 +20,12 @@ export async function loader({ params }: LoaderFunctionArgs) {
   return json({ question })
 }
 
+export function HydrateFallback() {
+  // This is required because all routes are loaded client-side. Avoids a page flicker before css is loaded.
+  // Can be removed once ALL pages are using SSR.
+  return <div></div>
+}
+
 export const meta = mergeMeta<typeof loader>(({ data }) => {
   const question = data?.question as IQuestionDB
 
diff --git a/src/routes/_.research.$slug._index.tsx b/src/routes/_.research.$slug._index.tsx
index 94e54a6236..9b9fc14f21 100644
--- a/src/routes/_.research.$slug._index.tsx
+++ b/src/routes/_.research.$slug._index.tsx
@@ -25,6 +25,12 @@ export async function loader({ params }: LoaderFunctionArgs) {
   return json({ research, publicUpdates })
 }
 
+export function HydrateFallback() {
+  // This is required because all routes are loaded client-side. Avoids a page flicker before css is loaded.
+  // Can be removed once ALL pages are using SSR.
+  return <div></div>
+}
+
 export const meta = mergeMeta<typeof loader>(({ data }) => {
   const research = data?.research as IResearchDB
   const publicUpdates = data?.publicUpdates as IResearch.UpdateDB[]
diff --git a/src/routes/_.u.$id._index.tsx b/src/routes/_.u.$id._index.tsx
index c27af90c12..8943b4506a 100644
--- a/src/routes/_.u.$id._index.tsx
+++ b/src/routes/_.u.$id._index.tsx
@@ -25,6 +25,12 @@ export async function loader({ params }: LoaderFunctionArgs) {
   return json({ profile, userCreatedDocs: userCreatedDocs || [] })
 }
 
+export function HydrateFallback() {
+  // This is required because all routes are loaded client-side. Avoids a page flicker before css is loaded.
+  // Can be removed once ALL pages are using SSR.
+  return <div></div>
+}
+
 export const meta = mergeMeta<typeof loader>(({ data }) => {
   const profile = data?.profile as IUserDB