diff --git a/src/static/styles/core.css b/src/static/styles/core.css
new file mode 100644
index 0000000..d614c0f
--- /dev/null
+++ b/src/static/styles/core.css
@@ -0,0 +1,9 @@
+body {
+    background-color: #2e3440;
+    color: #fff;
+    font-family: Arial, sans-serif;
+}
+
+.txt-danger, .txt-danger:hover, .txt-danger:visited, .txt-danger:active {
+    color: #ff0000 !important;
+}
diff --git a/src/static/styles/pages/index.css b/src/static/styles/pages/index.css
new file mode 100644
index 0000000..d1aad5a
--- /dev/null
+++ b/src/static/styles/pages/index.css
@@ -0,0 +1,20 @@
+@import url('../core.css');
+
+#menu {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 200px;
+    background-color: #3b4252;
+    padding: 20px;
+}
+
+#menu ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+#menu li {
+    margin-bottom: 10px;
+}
diff --git a/src/static/styles/index.css b/src/static/styles/utils/login-logout.css
similarity index 66%
rename from src/static/styles/index.css
rename to src/static/styles/utils/login-logout.css
index c88c627..acc6778 100644
--- a/src/static/styles/index.css
+++ b/src/static/styles/utils/login-logout.css
@@ -1,32 +1,3 @@
-body {
-    background-color: #333;
-    color: #fff;
-    font-family: Arial, sans-serif;
-}
-
-#menu {
-    position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: 200px;
-    background-color: #444;
-    padding: 20px;
-}
-
-#menu ul {
-    list-style-type: none;
-    padding: 0;
-}
-
-#menu li {
-    margin-bottom: 10px;
-}
-
-.txt-danger, .txt-danger:hover, txt-danger:visited, .txt-danger:active {
-    color: #ff0000 !important;
-}
-
 .dropdown-content {
     display: none;
     position: relative;
diff --git a/src/templates/index.html b/src/templates/index.html
index 7d8af67..bf4aac8 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <title>Audit Log</title>
-    <link rel="stylesheet" href="{{url_for('static', filename='styles/index.css')}}">
+    <link rel="stylesheet" href="{{url_for('static', filename='styles/pages/index.css')}}">
 </head>
 <body>
     <div id="menu">
@@ -10,32 +10,6 @@
             <li>Audit Log</li>
         </ul>
     </div>
-    {% if not user %}
-    <div id="login">
-        <button id="discord-login" class="log-button" onclick="window.location.href='/login'">
-            <img src="{{url_for('static', filename='img/discord.svg')}}" alt="Log in with Discord" class="log-button-icon">
-            Log in with Discord
-        </button>
-    </div>
-    {% elif user %}
-    <div id = "logout">
-        <button id="discord-logout" class="log-button">
-            {% if user.avatar_url %}
-            <img src="{{user.avatar_url}}" alt="User Avatar" class="log-button-icon">
-            {% else %}
-            <img src="{{user.default_avatar_url}}" alt="User Avatar" class="log-button-icon">
-            {% endif %}
-            {% if user.discriminator != "0" %}
-            {{ user.username }}#{{ user.discriminator }}
-            {% else %}
-            {{ user.username }}
-            {% endif %}
-            <div class="dropdown-content">
-                <a href="/me">User Info</a>
-                <a href="/logout" class="txt-danger">Log Out</a>
-              </div>
-        </button>
-    </div>
-    {% endif %}
+    {% include 'utils/login-logout.html' %}
 </body>
 </html>
diff --git a/src/templates/utils/login-logout.html b/src/templates/utils/login-logout.html
new file mode 100644
index 0000000..3bf1cb5
--- /dev/null
+++ b/src/templates/utils/login-logout.html
@@ -0,0 +1,28 @@
+<link rel="stylesheet" href="{{url_for('static', filename='styles/utils/login-logout.css')}}">
+{% if not user %}
+<div id="login">
+    <button id="discord-login" class="log-button" onclick="window.location.href='/login'">
+        <img src="{{url_for('static', filename='img/discord.svg')}}" alt="Log in with Discord" class="log-button-icon">
+        Log in with Discord
+    </button>
+</div>
+{% elif user %}
+<div id = "logout">
+    <button id="discord-logout" class="log-button">
+        {% if user.avatar_url %}
+        <img src="{{user.avatar_url}}" alt="User Avatar" class="log-button-icon">
+        {% else %}
+        <img src="{{user.default_avatar_url}}" alt="User Avatar" class="log-button-icon">
+        {% endif %}
+        {% if user.discriminator != "0" %}
+        {{ user.username }}#{{ user.discriminator }}
+        {% else %}
+        {{ user.username }}
+        {% endif %}
+        <div class="dropdown-content">
+            <a href="{{url_for('.index')}}">User Info</a>
+            <a href="{{url_for('.logout')}}" class="txt-danger">Log Out</a>
+          </div>
+    </button>
+</div>
+{% endif %}
