diff --git a/assets/css/js_interop.css b/assets/css/js_interop.css
index 06d2ec7c4..c094915e7 100644
--- a/assets/css/js_interop.css
+++ b/assets/css/js_interop.css
@@ -74,7 +74,7 @@ solely client-side operations.
 
 [data-element="session"][data-js-sections-panel-expanded]
   [data-element="sections-panel-toggle"] {
-  @apply text-gray-50;
+  @apply text-gray-50 bg-gray-700;
 }
 
 [data-element="section-headline"]:not(:hover)
diff --git a/lib/livebook_web/live/home_live.ex b/lib/livebook_web/live/home_live.ex
index 21511af1a..42dcc21e3 100644
--- a/lib/livebook_web/live/home_live.ex
+++ b/lib/livebook_web/live/home_live.ex
@@ -24,10 +24,10 @@ defmodule LivebookWeb.HomeLive do
         <% end %>
       </div>
       <div class="flex-grow px-6 py-8 overflow-y-auto">
-        <div class="max-w-screen-lg w-full mx-auto p-4 pb-8 flex flex-col items-center space-y-4">
+        <div class="max-w-screen-lg w-full mx-auto p-4 pt-0 pb-8 flex flex-col items-center space-y-4">
           <div class="w-full flex items-center justify-between pb-4 border-b border-gray-200">
             <div class="text-2xl text-gray-800 font-semibold">
-              Livebook
+              <img src="/logo-with-text.png" class="h-[40px]" alt="Livebook" />
             </div>
             <div class="flex space-x-2">
               <span class="tooltip top" aria-label="Introduction">
diff --git a/lib/livebook_web/live/session_live.ex b/lib/livebook_web/live/session_live.ex
index 4d6d1b8ef..ebcad884e 100644
--- a/lib/livebook_web/live/session_live.ex
+++ b/lib/livebook_web/live/session_live.ex
@@ -51,25 +51,25 @@ defmodule LivebookWeb.SessionLive do
       id="session"
       data-element="session"
       phx-hook="Session">
-      <div class="flex flex-col items-center space-y-6 px-3 py-8 bg-gray-900">
+      <div class="flex flex-col items-center space-y-5 px-3 py-8 bg-gray-900">
         <%= live_patch to: Routes.home_path(@socket, :page) do %>
           <img src="/logo.png" height="40" width="40" alt="livebook" />
         <% end %>
         <span class="tooltip right distant" aria-label="Sections (ss)">
-          <button class="text-2xl text-gray-400 hover:text-gray-50 focus:text-gray-50" data-element="sections-panel-toggle">
+          <button class="text-2xl text-gray-400 hover:text-gray-50 focus:text-gray-50 rounded-xl h-10 w-10 flex items-center justify-center" data-element="sections-panel-toggle">
             <%= remix_icon("booklet-fill") %>
           </button>
         </span>
         <span class="tooltip right distant" aria-label="Notebook settings (sn)">
           <%= live_patch to: Routes.session_path(@socket, :settings, @session_id, "file"),
-                class: "text-gray-400 hover:text-gray-50 focus:text-gray-50 #{if(@live_action == :settings, do: "text-gray-50")}" do %>
+                class: "text-gray-400 hover:text-gray-50 focus:text-gray-50 rounded-xl h-10 w-10 flex items-center justify-center #{if(@live_action == :settings, do: "text-gray-50 bg-gray-700")}" do %>
             <%= remix_icon("settings-4-fill", class: "text-2xl") %>
           <% end %>
         </span>
         <div class="flex-grow"></div>
         <span class="tooltip right distant" aria-label="Keyboard shortcuts (?)">
           <%= live_patch to: Routes.session_path(@socket, :shortcuts, @session_id),
-                class: "text-gray-400 hover:text-gray-50 focus:text-gray-50 #{if(@live_action == :shortcuts, do: "text-gray-50")}" do %>
+                class: "text-gray-400 hover:text-gray-50 focus:text-gray-50 rounded-xl h-10 w-10 flex items-center justify-center #{if(@live_action == :shortcuts, do: "text-gray-50 bg-gray-700")}" do %>
             <%= remix_icon("keyboard-box-fill", class: "text-2xl") %>
           <% end %>
         </span>
diff --git a/priv/static/logo-with-text.png b/priv/static/logo-with-text.png
new file mode 100644
index 000000000..320f2e993
Binary files /dev/null and b/priv/static/logo-with-text.png differ