diff --git a/src/components/fm.tsx b/src/components/fm.tsx
index 178a3da..c9dc2d1 100644
--- a/src/components/fm.tsx
+++ b/src/components/fm.tsx
@@ -162,6 +162,7 @@ const FMComponent: React.FC<FMProps & JSX.IntrinsicElements["div"]> = ({ wsUrl,
 
     useEffect(() => {
         const url = new URL(wsUrl, window.location.origin)
+        url.protocol = url.protocol.replace("http", "ws")
         const ws = new WebSocket(url)
         wsRef.current = ws
         ws.binaryType = "arraybuffer"
diff --git a/src/components/terminal.tsx b/src/components/terminal.tsx
index 2014ddf..0342212 100644
--- a/src/components/terminal.tsx
+++ b/src/components/terminal.tsx
@@ -54,6 +54,7 @@ const XtermComponent = forwardRef<HTMLDivElement, XtermProps & JSX.IntrinsicElem
                 fontSize: 16,
             })
             const url = new URL(wsUrl, window.location.origin)
+            url.protocol = url.protocol.replace("http", "ws")
             const ws = new WebSocket(url)
             wsRef.current = ws
             ws.binaryType = "arraybuffer"