navbar-in-columns-problem

on mobile there is overflow on navbar when it is used in columns

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us">

  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>

  <body class="has-background-black">
  	<div class="columns is-centered">
		<div class="column is-two-thirds">
			<nav class="navbar is-transparent" role="navigation" aria-label="main navigation">
			  <div class="navbar-brand">
				<a class="navbar-item" href="Logo">
				  <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28">
				</a>

				<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navMenu">
				  <span aria-hidden="true"></span>
				  <span aria-hidden="true"></span>
				  <span aria-hidden="true"></span>
				</a>
			  </div>
			  <div class="navbar-menu" id="navMenu">
				<div class="navbar-end">
				  <div class="navbar-item">
				    <div class="buttons">
				      <a class="button is-white" href="/posts">
				        Posts
				      </a>
				      <a class="button is-white" href="/tags">
				        Tags
				      </a>
				      <a class="button is-white" href="/about">
				        About
				      </a>
				    </div>
				  </div>
				</div>
			  </div>
			</nav>
		</div>
	</div>
	
	<section class="hero has-background-dark">
        <div class="hero-body">
            <div class="columns is-centered">
                <div class="column is-two-thirds">
                    <p class="title has-text-white">
                        Title
                    </p>
                    <p class="subtitle has-text-white">
						Description
                    </p>
                </div>
            </div>
        </div>
    </section>
    
    <script>
      document.addEventListener('DOMContentLoaded', () => {


        const $navbarBurgers =...