How to fix logout and password change redirecting to 404 in custom theme?

Store Design
,
1

Hello. I’m currently developing a Shopify Theme from scratch for the first time. I’ve opted to create several pages to customize the customer pages in the Theme. Resulting in a few liquid files such as
page.customer-login.liquid
page.customer-loggedin.liquid
page.customer-register.liquid

Currently working in page.customer-loggedin.liquid it looks something like the following:

<div class="account_wrapper">
  {% if customer %}
    <div class="account_container">
      <h2 class="account_titel"> Välkommen, {{ customer.first_name }} {{ customer.last_name }}!</h2>

      <div class="account_orders">
        <h3 class="account_ordertitel">Mina beställningar</h3>
        {% assign orders = customer.orders %}
        {% if orders.size > 0 %}
          <table>
            <thead>
              <tr>
                <th>Order Number</th>
                <th>Date</th>
                <th>Total</th>
                <th>Status</th>
              </tr>
            </thead>
            <tbody>
              {% for order in orders %}
                <tr>
                  <td><a href="{{ order.url }}">{{ order.order_number }}</a></td>
                  <td>{{ order.created_at | date: "%B %d, %Y" }}</td>
                  <td>{{ order.total_price | money }}</td>
                  <td>{{ order.fulfillment_status }}</td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        {% else %}
          <p>Du har inga aktiva beställningar </p>
        {% endif %}
      </div>

      <div class="account_settings">
        <h3 class="account_passwordtitel">Byt lösenord</h3>
        <form method="post" action="/account/change_password">
          <input type="hidden" name="form_type" value="customer_password">
          <div class="account_row">
            <label for="password">Nytt lösenord:</label>
            <input type="password" name="customer[password]" id="password" required>
          </div>
          <div class="account_row">
            <label for="password_confirmation">Säkerställ nytt lösenord:</label>
            <input type="password" name="customer[password_confirmation]" id="password_confirmation" required>
          </div>
          <button type="submit" class="account_password_btn">Byt lösenord</button>
        </form>

        <h3 class="account_logouttitel">Logga ut</h3>
        <form method="post" action="{{ customer_logout_link }}">
          <input type="hidden" name="return_to" value="/account">
          <button type="submit" class="account_logout_btn">Logga ut</button>
        </form>
      </div>
    </div>
  {% endif %}
</div>

I’ve got two problems at the moment, first one being that of the logout button not working. When attempting to logout as a customer the user gets redirected to a 404 page.

The exact same issue appears in the change password feature aswell, where the user (customer) is redirected to a 404 page. And of course, the password isn’t changed.

Any ideas on how I can resolve this issue?