visual error on logged out public profile

src/main/resources/static/css/public-profile.css

@@ -107,7 +107,7 @@ body, html {
 
 .sidebar-left ul {
   list-style: none;
-  padding: 0;
+  padding: 0 25px;
 }
 
 .sidebar-left li {
@@ -143,7 +143,6 @@ body, html {
   margin-top: 16px;
   font-size: 0.8em;
   text-align: center;
-  padding: 0 15px;
   list-style: none;
 }
 

src/main/resources/templates/public-profile.html

@@ -26,7 +26,7 @@
 
     <div class="body-left">
         <nav class="sidebar-left">
-            <ul>
+        <ul>
                 <li><a th:href="@{/explore}">Explore</a></li>
                 <li th:unless="${guest}"><a th:href="@{/favorites}">Saved</a></li>
                 <li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
@@ -37,11 +37,11 @@
 
                 <li th:unless="${guest}">
                     <form th:action="@{/logout}" method="post">
-                        <input type="image" th:src="@{/images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
+                        <input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
                     </form>
                 </li>
-            </ul>
-        </nav>
+         </ul>
+    </nav>
 
         <a th:href="@{/create}" class="create_icon">
             <img th:src="@{/images/create_icon.png}" alt="Create New Recipe Icon (Red mixing bowl with a spoon and yellow addition symbol.)">