diff --git a/application/app/templates/userPanel.html b/application/app/templates/userPanel.html
index 4d0bba3..eecaf88 100644
--- a/application/app/templates/userPanel.html
+++ b/application/app/templates/userPanel.html
@@ -17,6 +17,7 @@
     <div class="horizontalButtonList">
         <a class="button" id="navBarBtnHome" href="/">Home</a>
         <a class="button" id="navBarBtnDeposit" href="/deposit">{% translate "Deposit" %}</a>
+        <a class="button" href="/accounts/logout">{% translate "Logout" %}</a>
         <div class="dropDownMenu" id="dropDownMenu">
             <button class="dropDownButton" id="dropDownMenuButton">
                 <div>{% translate "Account" %}</div>
@@ -28,7 +29,6 @@
                     <a class="button dropDownChoice" href="/admin/">Admin Panel</a>
                 {% endif %}
                 <a class="button dropDownChoice" href="/accounts/password_change/">{% translate "Change Password" %}</a>
-                <a class="button dropDownChoice" href="/accounts/logout">{% translate "Logout" %}</a>
             </div>
         </div>
     </div>
diff --git a/static/css/main.css b/static/css/main.css
index d8377b2..b574189 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -361,5 +361,11 @@ h1 {
         margin-right: 0;
         margin-left: 0;
         margin-top: .5rem;
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+    .userPanel > .horizontalButtonList > .button,
+    .userPanel > .horizontalButtonList > .dropDownMenu {
+        margin: 0.25rem;
     }
 }
\ No newline at end of file