diff --git a/app/templates/header.html b/app/templates/header.html
index b46d1a5..2d4bb18 100644
--- a/app/templates/header.html
+++ b/app/templates/header.html
@@ -56,7 +56,7 @@
 
          <!-- prettier-ignore -->
          {% if not current_user.is_authenticated %}
-          <button id="connectWalletBtn" type="button" class="text-white bg-gradient-to-r from-cyan-500 to-blue-500 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-cyan-300 dark:focus:ring-cyan-800 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2">Connect wallet</button>
+          <button id="connectWalletBtn" type="button" class="text-white bg-gradient-to-r from-cyan-500 to-blue-500 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-cyan-300 dark:focus:ring-cyan-800 font-medium rounded-lg text-sm px-5 py-2.5 text-center">Connect wallet</button>
           {% endif %}
         {% if current_user.is_authenticated %}
         <div class="flex">
@@ -103,7 +103,7 @@
     <!-- Dropdown menu -->
     <!--Those notification for now with dummy data-->
     <!-- prettier-ignore -->
-    <div id="dropdownNotification" class="shadow-md z-20 hidden w-screen bg-white divide-y divide-gray-100 rounded-lg dark:bg-gray-800 dark:divide-gray-700 border border-gray-600 dark:shadow-gray-600" aria-labelledby="dropdownNotificationButton">
+    <div id="dropdownNotification" class="shadow-md z-20 hidden w-screen bg-white divide-y divide-gray-100 rounded-lg dark:bg-gray-800 dark:divide-gray-700 border border-gray-600 dark:shadow-gray-600 md:w-1/2" aria-labelledby="dropdownNotificationButton">
       <div class="block px-4 py-2 font-medium text-center text-gray-700 rounded-t-lg bg-gray-50 dark:bg-gray-800 dark:text-white"> Notifications </div>
       <div class="divide-y divide-gray-100 dark:divide-gray-700">
         <a
diff --git a/app/templates/sidebar.html b/app/templates/sidebar.html
index 4543d93..c128260 100644
--- a/app/templates/sidebar.html
+++ b/app/templates/sidebar.html
@@ -5,29 +5,34 @@
   <div class="h-full px-3 pb-4 overflow-y-auto bg-white dark:bg-gray-800">
     <!-- prettier-ignore -->
     <ul class="space-y-2 font-medium">
-      <li class="md:hidden">
-        <!-- prettier-ignore -->
-        <span class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white bg-gray-200 dark:bg-gray-700" >
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" /> </svg>
-          <p class="ml-2">{{ current_user.username }}</p>
-        </span>
+      {% if current_user.is_authenticated %}
+        <li class="md:hidden">
+          <!-- prettier-ignore -->
           <span class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white bg-gray-200 dark:bg-gray-700" >
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" /> </svg>
-          <a class="ml-2" href="{{ url_for('user.profile') }}"> Edit profile</a>
-        </span>
-      </li>
-      <li>
-      <li class="md:hidden" id="dropdownNotificationButton" data-dropdown-toggle="dropdownNotification" >
-        <!-- prettier-ignore -->
-        <span class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700" >
-          <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"></path> </svg>
-          <div class="relative flex">
-            <div
-              class="relative inline-flex w-3 h-3 bg-red-500 border-2 border-white rounded-full -top-2 right-3 dark:border-gray-900"></div>
-          </div>
-          <p class="ml-2">Notifications</p>
-        </span>
-      </li>
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" /> </svg>
+            <p class="ml-2">{{ current_user.username }}</p>
+        </li>
+        <li>
+          <a
+            href="{{ url_for('user.profile') }}"
+            class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
+            <!-- prettier-ignore -->
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" /> </svg>
+            <span class="ml-3">Edit profile</span>
+          </a>
+        </li>
+        <li class="md:hidden" id="dropdownNotificationButton" data-dropdown-toggle="dropdownNotification" >
+          <!-- prettier-ignore -->
+          <span class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700" >
+            <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"></path> </svg>
+            <div class="relative flex">
+              <div
+                class="relative inline-flex w-3 h-3 bg-red-500 border-2 border-white rounded-full -top-2 right-3 dark:border-gray-900"></div>
+            </div>
+            <p class="ml-2">Notifications</p>
+          </span>
+        </li>
+      {% endif %}
       <li>
         <a
           href="{{ url_for('home.get_all') }}"
@@ -39,13 +44,23 @@
       </li>
       <li>
         <a
-          href="{{ url_for('book.my_books') }}"
+          href="{{ url_for('book.get_all') }}"
           class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
           <!-- prettier-ignore -->
           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 3.75V16.5L12 14.25 7.5 16.5V3.75m9 0H18A2.25 2.25 0 0120.25 6v12A2.25 2.25 0 0118 20.25H6A2.25 2.25 0 013.75 18V6A2.25 2.25 0 016 3.75h1.5m9 0h-9" /> </svg>
-          <span class="ml-3">My Books</span>
+          <span class="ml-3">Books</span>
         </a>
       </li>
+      {% if current_user.is_authenticated %}
+        <li>
+          <a
+            href="{{ url_for('book.my_books') }}"
+            class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
+            <!-- prettier-ignore -->
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 3.75V16.5L12 14.25 7.5 16.5V3.75m9 0H18A2.25 2.25 0 0120.25 6v12A2.25 2.25 0 0118 20.25H6A2.25 2.25 0 013.75 18V6A2.25 2.25 0 016 3.75h1.5m9 0h-9" /> </svg>
+            <span class="ml-3">My Books</span>
+          </a>
+        </li>
       <li>
         <a
           href="#"
@@ -64,6 +79,7 @@
           <span class="flex-1 ml-3 whitespace-nowrap">Users</span>
         </a>
       </li>
+      {% endif %}
       <li>
         <a
           href="https://github.com/Simple2B/open_law"
diff --git a/app/templates/user/profile.html b/app/templates/user/profile.html
index 5579dc5..6fce185 100644
--- a/app/templates/user/profile.html
+++ b/app/templates/user/profile.html
@@ -1,14 +1,12 @@
-{% extends "base.html" %}
 <!-- prettier-ignore -->
-{% block body %}
-
+{% extends 'base.html' %}
+{% block content %}
 <!-- component -->
-<div class="bg-gray-50 dark:bg-gray-900 h-screen pt-20">
-  <section>
-    <div class="w-full lg:w-4/12 px-4 mx-auto pt-6">
-      <div>
-        <!-- prettier-ignore -->
-        <div class="w-full lg:max-w-xl p-6 space-y-8 sm:p-8 bg-white rounded-lg shadow-xl dark:bg-gray-800">
+<section>
+  <div class="w-full lg:w-4/12 px-4 mx-auto pt-6">
+    <div>
+      <!-- prettier-ignore -->
+      <div class="w-full lg:max-w-xl p-6 space-y-8 sm:p-8 bg-white rounded-lg shadow-xl dark:bg-gray-800">
           <!-- prettier-ignore -->
           <h2 class="text-2xl font-bold text-gray-900 dark:text-white">Edit your profile</h2>
 
@@ -29,11 +27,9 @@
             <button type="submit" class="w-full px-5 py-3 text-base font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 sm:w-auto dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Save changes</button>
           </form>
         </div>
-      </div>
     </div>
-  </section>
-</div>
-{% endblock %}
+  </div>
+</section>
+{% block right_sidebar %}{% endblock %}
 <!-- prettier-ignore -->
-{% block scripts %}
 {% endblock %}
diff --git a/app/views/home.py b/app/views/home.py
index 6717348..a95d49e 100644
--- a/app/views/home.py
+++ b/app/views/home.py
@@ -2,7 +2,7 @@ from flask import (
     Blueprint,
     render_template,
 )
-from flask_login import current_user, login_required
+from flask_login import current_user
 
 from app import models as m
 
@@ -10,7 +10,6 @@ bp = Blueprint("home", __name__, url_prefix="/home")
 
 
 @bp.route("/", methods=["GET"])
-@login_required
 def get_all():
     books: m.Book = m.Book.query.order_by(m.Book.id).limit(5)
     sections: m.Section = m.Section.query.order_by(m.Section.id).limit(5)