diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 6ac94f41..2af83a27 100755
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -47,18 +47,18 @@
<% if @school_informations&.logo&.attached? %>
- <%= image_tag @school_informations.logo, class: "img-circle", width: 40 %>
+ <%= image_tag @school_informations.logo, class: "img-circle", width: 32 %>
<% else %>
-

+

<% end %>
diff --git a/frontend/inspinia/css/_custom.scss b/frontend/inspinia/css/_custom.scss
index 3e44abcb..8be28576 100755
--- a/frontend/inspinia/css/_custom.scss
+++ b/frontend/inspinia/css/_custom.scss
@@ -7,4 +7,50 @@
.weekCalendar__content {
max-height: none;
-}
\ No newline at end of file
+}
+
+/* Sidebar scrollbar */
+.sidebar-collapse {
+ height: calc(100vh - 80px);
+ overflow-y: auto;
+ overflow-x: hidden;
+
+ &::-webkit-scrollbar {
+ width: 6px;
+ }
+
+ &::-webkit-scrollbar-track {
+ background: transparent;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: rgba(255, 255, 255, 0.3);
+ border-radius: 3px;
+
+ &:hover {
+ background: rgba(255, 255, 255, 0.5);
+ }
+ }
+}
+
+/* Reduce logo and margins */
+.nav-header {
+ padding: 20px 25px;
+
+ .profile-element {
+ margin-bottom: 8px;
+ }
+
+ img {
+ &.img-circle {
+ margin: 0;
+ }
+ }
+}
+
+.logo-element {
+ img {
+ margin: 0;
+ }
+}
+