diff --git a/dev.sh b/dev.sh
index 9127222..956d37f 100755
--- a/dev.sh
+++ b/dev.sh
@@ -1,17 +1,17 @@
 #!/bin/env bash
 
-which docker-compose &> /dev/null
+which docker &> /dev/null
 if [ $? -ne 0 ]; then
     echo "Docker compose not installed"
     echo "Please read the README at https://github.com/NIAEFEUP/website-niaefeup-frontend"
     exit
 fi
 
-docker-compose up -d website-niaefeup-frontend-dev
-docker-compose up -d website-niaefeup-frontend-storybook
+docker compose up -d website-niaefeup-frontend-dev
+docker compose up -d website-niaefeup-frontend-storybook
 
 trap_ctrl_c() {
-    docker-compose down
+    docker compose down
     clear
 
     exit
@@ -19,7 +19,6 @@ trap_ctrl_c() {
 
 trap "trap_ctrl_c" 2
 
-clear
 echo "Containers are up and running"
 echo ""
 echo "Press Ctrl-C to exit"
diff --git a/docker-compose.yml b/docker-compose.yml
index 485747d..dbdb6e5 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,4 +1,3 @@
-version: '3'
 services:
   website-niaefeup-frontend-dev:
     build:
@@ -11,6 +10,7 @@ services:
       - ./static:/usr/src/website-niaefeup-frontend/static
     environment:
       - PORT=3000
+    network_mode: 'host' # do not add this to prod!
 
   website-niaefeup-frontend-storybook:
     build:
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 438bf2a..8602f77 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -22,7 +22,7 @@
   :global(html) {
     height: 100%;
     min-height: 100vh;
-    overflow: scroll;
+    overflow: auto;
   }
 
   :global(body) {
@@ -30,6 +30,6 @@
     min-height: 100vh;
     display: flex;
     flex-direction: column;
-    overflow: scroll;
+    overflow: auto;
   }
 </style>
diff --git a/src/routes/(app)/_components/layout/navbar.svelte b/src/routes/(app)/_components/layout/navbar.svelte
index 9065d56..336777d 100644
--- a/src/routes/(app)/_components/layout/navbar.svelte
+++ b/src/routes/(app)/_components/layout/navbar.svelte
@@ -3,15 +3,15 @@
   aria-label="Navigation Bar"
 >
   <div class="flex w-full justify-start">
-    <a href="#/" class="flex items-center gap-4">
+    <a href="/" class="flex items-center gap-4">
       <img src="/images/ni_logo.png" alt="NIAEFEUP's logo" width="40" height="40" />
       <span>NIAEFEUP</span>
     </a>
   </div>
   <div class="flex justify-end gap-7">
-    <a href="#/">Equipa</a>
-    <a href="#/">Projetos</a>
-    <a href="#/">Eventos</a>
+    <a href="/#/">Equipa</a>
+    <a href="/#/">Projetos</a>
+    <a href="/#/">Eventos</a>
     <a href="/contacts">Contactos</a>
   </div>
 </nav>
diff --git a/src/routes/(app)/login/+page.svelte b/src/routes/(app)/login/+page.svelte
index c80169d..3453799 100644
--- a/src/routes/(app)/login/+page.svelte
+++ b/src/routes/(app)/login/+page.svelte
@@ -16,14 +16,18 @@
         password
       })
     }).then((res) => res.ok);
+
     message = success ? 'Login successful' : 'Login failed';
+    if (success == true) {
+      window.location.href = '/';
+    }
   }
 </script>
 
 <section
   class="flex h-full w-full flex-col items-center justify-center font-raleway text-base font-[700] sm:text-base lg:text-lg xl:text-xl 2xl:text-2xl"
 >
-  <form on:submit={submitLogin}>
+  <form method="POST" action="">
     <div class="grid justify-center rounded-[15px] bg-muted-red-500 p-[5dvh] lg:min-w-[60%]">
       <h1 class="text-taupe-100">Área Membro</h1>
       <input
@@ -43,9 +47,9 @@
       <br />
     </div>
     <button
-      type="submit"
+      type="button"
       class="z-20 my-4 w-full rounded-[15px] bg-taupe-100 p-[2dvh] text-muted-red-700"
-      >Iniciar Sessão</button
+      on:click={submitLogin}>Iniciar Sessão</button
     >
     <br />
     <p class="h-[2dvh] text-center">{message}</p>
diff --git a/src/routes/(app)/login/_components/variable-visibility-input.svelte b/src/routes/(app)/login/_components/variable-visibility-input.svelte
index 1092331..1886e34 100644
--- a/src/routes/(app)/login/_components/variable-visibility-input.svelte
+++ b/src/routes/(app)/login/_components/variable-visibility-input.svelte
@@ -2,6 +2,7 @@
   import Icon from '@/lib/components/icons/icon.svelte';
   import Icons from '@/lib/components/icons/icons';
 
+  export let value: string;
   let visible = false;
   $: type = visible ? 'text' : 'password';
   $: icon = visible ? Icons.Hidden : Icons.Visible;
@@ -9,11 +10,12 @@
 
 <div class="relative">
   <input
-    {type}
+    {...{ type }}
     {...$$restProps}
     class="col-start-1 col-end-3 row-start-1 {$$props.class}"
     data-testid="password-input"
     aria-label="Password input"
+    bind:value
   />
   <button
     type="button"
diff --git a/test.sh b/test.sh
index a31865b..60fd737 100755
--- a/test.sh
+++ b/test.sh
@@ -1,10 +1,10 @@
 #!/bin/env bash
 
-which docker-compose &> /dev/null
+which docker &> /dev/null
 if [ $? -ne 0 ]; then
     echo "Docker compose not installed"
     echo "Please read the README at https://github.com/NIAEFEUP/website-niaefeup-frontend"
     exit
 fi
 
-docker-compose run --rm website-niaefeup-frontend-test
+docker compose run --rm website-niaefeup-frontend-test