diff --git a/web/src/layout/navigation/Navbar.module.css b/web/src/layout/navigation/Navbar.module.css
index c55a91dc..eaaef588 100644
--- a/web/src/layout/navigation/Navbar.module.css
+++ b/web/src/layout/navigation/Navbar.module.css
@@ -6,12 +6,6 @@
   height: 25px;
 }
 
-.badge {
-  background-color: var(--color-white-25);
-  font-size: 0.65rem;
-  padding: 0.25rem 0.4rem;
-}
-
 .link {
   letter-spacing: 2px;
 }
diff --git a/web/src/layout/navigation/Navbar.test.tsx b/web/src/layout/navigation/Navbar.test.tsx
index 2c1c45e2..94899d29 100644
--- a/web/src/layout/navigation/Navbar.test.tsx
+++ b/web/src/layout/navigation/Navbar.test.tsx
@@ -31,7 +31,6 @@ describe('Navbar', () => {
       </Router>
     );
 
-    expect(screen.getByText('Beta')).toBeInTheDocument();
     expect(screen.getByAltText('CLOMonitor logo')).toBeInTheDocument();
 
     const links = screen.getAllByRole('link');
diff --git a/web/src/layout/navigation/Navbar.tsx b/web/src/layout/navigation/Navbar.tsx
index 87cd4067..b7b3808a 100644
--- a/web/src/layout/navigation/Navbar.tsx
+++ b/web/src/layout/navigation/Navbar.tsx
@@ -22,7 +22,6 @@ const Navbar = (props: Props) => {
               <Link to="/" onClick={() => props.setScrollPosition(0)} className="cursorPointer">
                 <img className={styles.logo} alt="CLOMonitor logo" src={logo} />
               </Link>
-              <div className={`ms-1 badge rounded-0 text-uppercase ${styles.badge} betaBadge`}>Beta</div>
               <MobileSettings />
             </div>
           </div>
diff --git a/web/src/layout/navigation/__snapshots__/Navbar.test.tsx.snap b/web/src/layout/navigation/__snapshots__/Navbar.test.tsx.snap
index 604e1368..924ecb2d 100644
--- a/web/src/layout/navigation/__snapshots__/Navbar.test.tsx.snap
+++ b/web/src/layout/navigation/__snapshots__/Navbar.test.tsx.snap
@@ -27,11 +27,6 @@ exports[`Navbar creates snapshot 1`] = `
                 src=""
               />
             </a>
-            <div
-              class="ms-1 badge rounded-0 text-uppercase badge betaBadge"
-            >
-              Beta
-            </div>
             <div
               class="d-flex d-md-none ms-auto position-relative"
             >
diff --git a/web/src/styles/dark.scss b/web/src/styles/dark.scss
index 3a0c1838..72e3a53a 100644
--- a/web/src/styles/dark.scss
+++ b/web/src/styles/dark.scss
@@ -257,10 +257,6 @@
     border-color: var(--solid-border);
   }
 
-  .betaBadge {
-    background-color: var(--color-black-25);
-  }
-
   @media (hover: hover) {
     .navbarLink:hover::before {
       background-color: var(--color-light-font);