diff --git a/app/components/header.tsx b/app/components/header.tsx
index 6c6686a..499388d 100644
--- a/app/components/header.tsx
+++ b/app/components/header.tsx
@@ -44,7 +44,7 @@ export function Header() {
                 <img className="h-12" src={porning} alt="Porning logo" />
                 </div>
                 <ButtonGroup >
-                    <Button onClick={() => {window.open("steam://rungame/730//+connect cs.p0rning.com", "_blank")}}><Typography.Paragraph>Connect to server</Typography.Paragraph></Button>
+                    <Button onClick={() => {window.open(`steam://connect/${import.meta.env.VITE_SERVER_IP}`, "_blank")}}><Typography.Paragraph>Connect to server</Typography.Paragraph></Button>
                     <User>
                     <ButtonGroup.Separator />
                     </User>