diff --git a/frontend/src/components/ExternalLink.tsx b/frontend/src/components/ExternalLink.tsx
index d0caf44c..2ce0273e 100644
--- a/frontend/src/components/ExternalLink.tsx
+++ b/frontend/src/components/ExternalLink.tsx
@@ -1,4 +1,5 @@
 import { Link } from "react-router-dom";
+import { isHttpMode } from "src/utils/isHttpMode";
 import { openLink } from "src/utils/openLink";
 
 type Props = {
@@ -8,11 +9,9 @@ type Props = {
 };
 
 export default function ExternalLink({ to, className, children }: Props) {
-  const isHttpMode =
-    window.location.protocol.startsWith("http") &&
-    !window.location.hostname.startsWith("wails");
+  const _isHttpMode = isHttpMode();
 
-  return isHttpMode ? (
+  return _isHttpMode ? (
     <Link
       to={to}
       target="_blank"
diff --git a/frontend/src/components/layouts/AppLayout.tsx b/frontend/src/components/layouts/AppLayout.tsx
index 0d3aab4d..b5b951cd 100644
--- a/frontend/src/components/layouts/AppLayout.tsx
+++ b/frontend/src/components/layouts/AppLayout.tsx
@@ -53,6 +53,7 @@ import { useInfo } from "src/hooks/useInfo";
 import { useRemoveSuccessfulChannelOrder } from "src/hooks/useRemoveSuccessfulChannelOrder";
 import { deleteAuthToken } from "src/lib/auth";
 import { cn } from "src/lib/utils";
+import { isHttpMode } from "src/utils/isHttpMode";
 import { openLink } from "src/utils/openLink";
 import ExternalLink from "../ExternalLink";
 
@@ -65,6 +66,8 @@ export default function AppLayout() {
   const navigate = useNavigate();
   useRemoveSuccessfulChannelOrder();
 
+  const _isHttpMode = isHttpMode();
+
   React.useEffect(() => {
     setMobileMenuOpen(false);
   }, [location]);
@@ -73,19 +76,12 @@ export default function AppLayout() {
     deleteAuthToken();
     await refetchInfo();
 
-    const isHttpMode =
-      window.location.protocol.startsWith("http") &&
-      !window.location.hostname.startsWith("wails");
-    if (isHttpMode) {
+    if (_isHttpMode) {
       window.location.href = "/logout";
     } else {
       navigate("/", { replace: true });
     }
-  }, [navigate, refetchInfo]);
-
-  const isHttpMode =
-    window.location.protocol.startsWith("http") &&
-    !window.location.hostname.startsWith("wails");
+  }, [_isHttpMode, navigate, refetchInfo]);
 
   if (!info) {
     return null;
@@ -119,7 +115,7 @@ export default function AppLayout() {
           )}
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
-        {isHttpMode && (
+        {_isHttpMode && (
           <DropdownMenuItem
             onClick={logout}
             className="w-full flex flex-row items-center gap-2 cursor-pointer"
diff --git a/frontend/src/screens/BackupNode.tsx b/frontend/src/screens/BackupNode.tsx
index 913744a0..232c3f6d 100644
--- a/frontend/src/screens/BackupNode.tsx
+++ b/frontend/src/screens/BackupNode.tsx
@@ -13,6 +13,7 @@ import { LoadingButton } from "src/components/ui/loading-button";
 import { useToast } from "src/components/ui/use-toast";
 
 import { handleRequestError } from "src/utils/handleRequestError";
+import { isHttpMode } from "src/utils/isHttpMode";
 import { request } from "src/utils/request";
 
 export function BackupNode() {
@@ -27,14 +28,12 @@ export function BackupNode() {
   const onSubmitPassword = async (e: React.FormEvent) => {
     e.preventDefault();
 
-    const isHttpMode =
-      window.location.protocol.startsWith("http") &&
-      !window.location.hostname.startsWith("wails");
+    const _isHttpMode = isHttpMode();
 
     try {
       setLoading(true);
 
-      if (isHttpMode) {
+      if (_isHttpMode) {
         const response = await fetch("/api/backup", {
           method: "POST",
           headers: {
diff --git a/frontend/src/screens/setup/RestoreNode.tsx b/frontend/src/screens/setup/RestoreNode.tsx
index 86aa5cb5..a580f8de 100644
--- a/frontend/src/screens/setup/RestoreNode.tsx
+++ b/frontend/src/screens/setup/RestoreNode.tsx
@@ -21,6 +21,7 @@ import { useToast } from "src/components/ui/use-toast";
 
 import { useInfo } from "src/hooks/useInfo";
 import { handleRequestError } from "src/utils/handleRequestError";
+import { isHttpMode } from "src/utils/isHttpMode";
 import { request } from "src/utils/request";
 
 export function RestoreNode() {
@@ -34,9 +35,7 @@ export function RestoreNode() {
   const [loading, setLoading] = useState(false);
   const [restored, setRestored] = useState(false);
   const { data: info } = useInfo(restored);
-  const isHttpMode =
-    window.location.protocol.startsWith("http") &&
-    !window.location.hostname.startsWith("wails");
+  const _isHttpMode = isHttpMode();
 
   React.useEffect(() => {
     if (restored && info?.setupCompleted) {
@@ -73,7 +72,7 @@ export function RestoreNode() {
     try {
       setLoading(true);
 
-      if (isHttpMode) {
+      if (_isHttpMode) {
         const formData = new FormData();
         formData.append("unlockPassword", unlockPassword);
         if (file !== null) {
@@ -130,7 +129,7 @@ export function RestoreNode() {
             placeholder="Unlock Password"
           />
         </div>
-        {isHttpMode && (
+        {_isHttpMode && (
           <div className="grid gap-2">
             <Label htmlFor="backup">Backup File</Label>
             <Input
diff --git a/frontend/src/utils/isHttpMode.ts b/frontend/src/utils/isHttpMode.ts
new file mode 100644
index 00000000..b453d75e
--- /dev/null
+++ b/frontend/src/utils/isHttpMode.ts
@@ -0,0 +1,6 @@
+export const isHttpMode = () => {
+  return (
+    window.location.protocol.startsWith("http") &&
+    !window.location.hostname.startsWith("wails")
+  );
+};