diff --git a/app/pages/__layout__.html b/app/pages/__layout__.html
index 27c1ba0..899c8e9 100644
--- a/app/pages/__layout__.html
+++ b/app/pages/__layout__.html
@@ -19,6 +19,7 @@
         <script async src="https://www.googletagmanager.com/gtag/js?id=G-7P5LY26BKG"></script>
         <link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap" rel="stylesheet">
         <link href="/static/css/global.css" rel="stylesheet"/>
+        <link href="/static/css/custom-ui-tweaks.css" rel="stylesheet"/>
         {% if currentuser: %}<script src="/static/js/presence.js"></script>{% endif %}
         <style>
           .subnav-bar a {
@@ -54,13 +55,36 @@
         <meta name="robots" content="noindex">
         {% block head %}{% endblock %}
     </head>
-    <body {% if website_wide_message %}style="padding-top: 30px"{% endif %}>
+    <body class="has-left-sidebar" {% if website_wide_message %}style="padding-top: 30px"{% endif %}>
+        <!-- Left sidebar replacing the top navigation -->
+        <aside class="left-sidebar" role="navigation" aria-label="Main sidebar">
+            <div class="sidebar-brand">
+                <img src="/static/img/LoginLogo.png" alt="NEXIUM" class="brand-logo" />
+            </div>
+            <nav class="sidebar-nav">
+                <ul>
+                    <li><a href="/home">Home</a></li>
+                    <li><a href="/users/{{ currentuser.id }}/profile">Profile</a></li>
+                    <li><a href="/friends">Friends</a></li>
+                    <li><a href="/users">Users</a></li>
+                    <li><a href="/avatar">Avatar</a></li>
+                    <li><a href="/messages">Messages</a></li>
+                    <li><a href="/groups">Groups</a></li>
+                    <li><a href="/trade">Trades</a></li>
+                    <li><a href="/download">Downloads</a></li>
+                    <li><a href="https://discord.gg/cBMp3Z52UM" target="_blank" rel="noopener">Discord</a></li>
+                    {% if currentuser.is_admin %}
+                    <li><a href="/admin/">Admin Panel{% if currentuser.pending_asset_count > 0: %} <span class="badge">{{currentuser.pending_asset_count}}</span>{% endif %}</a></li>
+                    {% endif %}
+                </ul>
+            </nav>
+        </aside>
         <div class="fixed-top width-100">
         {% if currentuser: %}
         <nav class="navbar navbar-expand-lg">
             <div class="container-fluid">
               <a class="navbar-brand position-relative me-md-2 " href="/home">
-                <h1 class="title-logo">NEXIUM</h1>
+                <img src="/static/img/LoginLogo.png" alt="NEXIUM" class="brand-logo" />
               </a>
               <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
@@ -182,4 +206,4 @@
     <script src="/static/js/global.js" crossorigin="anonymous"></script>
     <script src="/static/js/theme.js" crossorigin="anonymous"></script>
     </body>
-</html>
\ No newline at end of file
+</html>
