diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index b63fa95270..97a6478ea6 100644
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -92,11 +92,6 @@
 }
 
 .panel aside .footer {
-    display: inline-block;
-    position: fixed;
-
-    max-width: 20%;
-
     bottom: var(--unit-size);
     left: var(--unit-size);
     font-size: var(--small-size);
@@ -177,27 +172,33 @@
 
 .note-info {
     display: flex;
+    justify-content: space-between;
+    vertical-align: middle;
     border-radius: var(--unit-size);
     box-sizing: border-box;
 
     background-color: var(--translucent);
-    font-size: var(--main-size);
+    font-size: var(--medium-size);
     padding: 4px;
 }
 
 .note-info .avatar {
     width: auto;
-    height: var(--main-size);
+    height: var(--medium-size);
 }
 
 /* TODO: icons */
 .note-actions {
-    display: block;
+    display: flex;
+    vertical-align: middle;
+}
+.favourite-button-container {
+    width: var(--medium-size) !important;
+    height: var(--medium-size) !important;
 }
-
 .favourite-button-container button {
-    width: 1em !important;
-    height: 1em !important;
+    width: inherit !important;
+    height: inherit !important;
     border: unset !important;
     padding: unset !important;
     mask-image: url("../icons/heart.svg") !important;
diff --git a/public/assets/icons/logo.svg.twig b/public/assets/icons/logo.svg.twig
index 91874001b1..13105dd328 100644
--- a/public/assets/icons/logo.svg.twig
+++ b/public/assets/icons/logo.svg.twig
@@ -1,4 +1,6 @@
-<svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>{{ config('site', 'name') }}</title>
-<path d="M14.225 29.263c1.48-0.748 2.909-2.155 3.451-3.398 0.827-1.893 1.068-1.818-5.781-1.818-6.744 0-7.349-0.115-8.593-1.628-0.61-0.742-0.633-1.086-0.633-9.456 0-8.422 0.020-8.713 0.651-9.562 1.2-1.613 1.699-1.679 12.7-1.679 11.005 0 11.456 0.062 12.71 1.748 0.566 0.761 0.6 1.3 0.6 9.493 0 8.37-0.023 8.715-0.633 9.456-0.909 1.105-2.149 1.628-3.864 1.628-1.331 0-1.517 0.078-1.681 0.703-0.249 0.95-1.56 2.395-2.912 3.212-1.363 0.823-4.873 1.889-6.166 1.871l-0.953-0.013zM19.7 20.572c1.193-0.547 2.345-2.309 2.627-4.017 0.135-0.818 0.175-1.554 0.090-1.636-0.308-0.294-5.508-0.153-5.508 0.15 0 0.165-0.186 1.211 0.050 1.752 0.31 0.711 1.031 0.333 1.608 0.408 0.496 0.065 0.767 0.336 0.352 0.875-0.364 0.472-0.79 0.578-2.292 0.57-1.599-0.009-2.145-0.173-2.784-0.735-0.708-0.623-0.728-1.11-0.826-3.188-0.133-2.808 0.201-3.318 2.359-3.602 1.79-0.236 3.638 0.109 4.14 1.164 0.299 0.628 0.194 0.74 1.31 0.74 1.54 0 1.643-0.426 1.047-1.992-0.385-1.013-0.726-0.77-0.284-1.661 0.764-1.541 0.606-2.617-0.564-3.839-1.151-1.202-1.664-1.118-1.102 0.18 0.202 0.466 0.322 1.221 0.268 1.676-0.077 0.645-0.273 0.848-0.882 0.916-0.436 0.049-0.956-0.112-1.173-0.362-0.449-0.518-1.263-0.587-1.724-0.146-0.221 0.212-0.56 0.198-1.12-0.046-0.676-0.295-0.894-0.27-1.384 0.154-0.32 0.277-0.9 0.461-1.289 0.408-0.624-0.085-0.705-0.249-0.69-1.4 0.009-0.718 0.126-1.533 0.26-1.812 0.413-0.864-0.597-0.598-1.462 0.385-0.91 1.034-1.070 2.938-0.332 3.946 0.407 0.556 0.083 0.645-0.145 1.877-1.099 5.937 0.040 8.144 3.019 9.304 1.949 0.759 4.694 0.73 6.434-0.068z"></path>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" class="{{ iconClass|default('') }}">
+<title>
+    {{ config('site', 'name') }}
+</title>
+<path d="M14.225 29.263c1.48-.748 2.909-2.155 3.451-3.398.827-1.893 1.068-1.818-5.781-1.818-6.744 0-7.349-.115-8.593-1.628-.61-.742-.633-1.086-.633-9.456 0-8.422.02-8.713.651-9.562 1.2-1.613 1.699-1.679 12.7-1.679 11.005 0 11.456.062 12.71 1.748.566.761.6 1.3.6 9.493 0 8.37-.023 8.715-.633 9.456-.909 1.105-2.149 1.628-3.864 1.628-1.331 0-1.517.078-1.681.703-.249.95-1.56 2.395-2.912 3.212-1.363.823-4.873 1.889-6.166 1.871l-.953-.013zm5.475-8.691c1.193-.547 2.345-2.309 2.627-4.017.135-.818.175-1.554.09-1.636-.308-.294-5.508-.153-5.508.15 0 .165-.186 1.211.05 1.752.31.711 1.031.333 1.608.408.496.065.767.336.352.875-.364.472-.79.578-2.292.57-1.599-.009-2.145-.173-2.784-.735-.708-.623-.728-1.11-.826-3.188-.133-2.808.201-3.318 2.359-3.602 1.79-.236 3.638.109 4.14 1.164.299.628.194.74 1.31.74 1.54 0 1.643-.426 1.047-1.992-.385-1.013-.726-.77-.284-1.661.764-1.541.606-2.617-.564-3.839-1.151-1.202-1.664-1.118-1.102.18.202.466.322 1.221.268 1.676-.077.645-.273.848-.882.916-.436.049-.956-.112-1.173-.362-.449-.518-1.263-.587-1.724-.146-.221.212-.56.198-1.12-.046-.676-.295-.894-.27-1.384.154-.32.277-.9.461-1.289.408-.624-.085-.705-.249-.69-1.4.009-.718.126-1.533.26-1.812.413-.864-.597-.598-1.462.385-.91 1.034-1.07 2.938-.332 3.946.407.556.083.645-.145 1.877-1.099 5.937.04 8.144 3.019 9.304 1.949.759 4.694.73 6.434-.068z"/>
 </svg>
diff --git a/public/assets/icons/menu.svg.twig b/public/assets/icons/menu.svg.twig
index e3ec3f652a..e60d8e2278 100644
--- a/public/assets/icons/menu.svg.twig
+++ b/public/assets/icons/menu.svg.twig
@@ -1,6 +1,4 @@
-<svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>menu</title>
-<path d="M2.222 12.6h27.497c1.219 0 2.208 0.988 2.208 2.208v1.263c0 1.219-0.988 2.208-2.208 2.208h-27.497c-1.219 0-2.208-0.988-2.208-2.208v-1.263c0-1.219 0.988-2.208 2.208-2.208z"></path>
-<path d="M2.222 21.787h27.497c1.219 0 2.208 0.988 2.208 2.208v1.263c0 1.219-0.988 2.208-2.208 2.208h-27.497c-1.219 0-2.208-0.988-2.208-2.208v-1.263c0-1.219 0.988-2.208 2.208-2.208z"></path>
-<path d="M2.222 3.414h27.497c1.219 0 2.208 0.988 2.208 2.208v1.263c0 1.219-0.988 2.208-2.208 2.208h-27.497c-1.219 0-2.208-0.988-2.208-2.208v-1.263c0-1.219 0.988-2.208 2.208-2.208z"></path>
+<svg class="{{ iconClass|default('') }}" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+<title>Open left sidepanel.</title>
+<path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"/>
 </svg>
diff --git a/public/assets/icons/notes.svg.twig b/public/assets/icons/notes.svg.twig
index eb5c60cb55..60c25e2de8 100644
--- a/public/assets/icons/notes.svg.twig
+++ b/public/assets/icons/notes.svg.twig
@@ -1,6 +1,9 @@
 <!-- https://github.com/primer/octicons -->
 <!-- MIT License -->
-<svg class="{{ iconClass|default('') }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-    <title>Create a note</title>
-    <path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v9.5C0 13.216.784 14 1.75 14H3v1.543a1.457 1.457 0 002.487 1.03L8.061 14h6.189A1.75 1.75 0 0016 12.25v-9.5A1.75 1.75 0 0014.25 1H1.75zM1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v9.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 15.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-9.5z"></path><path d="M22.5 8.75a.25.25 0 00-.25-.25h-3.5a.75.75 0 010-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0122.25 20H21v1.543a1.457 1.457 0 01-2.487 1.03L15.939 20H10.75A1.75 1.75 0 019 18.25v-1.465a.75.75 0 011.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 01.53.22l2.72 2.72v-2.19a.75.75 0 01.75-.75h2a.25.25 0 00.25-.25v-9.5z"></path>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="{{ iconClass|default('') }}">
+    <title>
+        Create a note
+    </title>
+    <path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v9.5C0 13.216.784 14 1.75 14H3v1.543a1.457 1.457 0 002.487 1.03L8.061 14h6.189A1.75 1.75 0 0016 12.25v-9.5A1.75 1.75 0 0014.25 1H1.75zM1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v9.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 15.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-9.5z"/>
+    <path d="M22.5 8.75a.25.25 0 00-.25-.25h-3.5a.75.75 0 010-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0122.25 20H21v1.543a1.457 1.457 0 01-2.487 1.03L15.939 20H10.75A1.75 1.75 0 019 18.25v-1.465a.75.75 0 011.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 01.53.22l2.72 2.72v-2.19a.75.75 0 01.75-.75h2a.25.25 0 00.25-.25v-9.5z"/>
+</svg>
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 7a3a8b8d12..c518519a8c 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -33,7 +33,7 @@
         <div id='header'>
             <details class="panel" id="left-container">
                 <summary tabindex="1">
-                    {{ icon('person', 'icon icon-left') | raw }}
+                    {{ icon('menu', 'icon icon-left') | raw }}
                     {{ block("leftpanel", "stdgrid.html.twig") }}
                 </summary>
             </details>