diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index 7c94490a..705896c9 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -363,7 +363,7 @@ code {
 
 .cursor-tooltip {
   opacity: 0;
-  transition: opacity 0.5s ease;
+  transition: opacity 0.25s ease;
 }
 
 .cursor-tooltip.is-visible {
@@ -1558,3 +1558,8 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
   .ant-splitter-bar-dragger::after {
   content: none;
 }
+
+.dashboard-splitter.farmcontrol-splitter
+  .ant-splitter-panel.dashboard-splitter-content-panel {
+  flex-grow: 1 !important;
+}
diff --git a/src/components/Dashboard/common/DashboardSidebarSplitter.jsx b/src/components/Dashboard/common/DashboardSidebarSplitter.jsx
index 0e5e7464..10446090 100644
--- a/src/components/Dashboard/common/DashboardSidebarSplitter.jsx
+++ b/src/components/Dashboard/common/DashboardSidebarSplitter.jsx
@@ -208,7 +208,9 @@ const DashboardSidebarSplitter = ({ sidebar, children }) => {
         >
           {sidebarNode}
         </Splitter.Panel>
-        <Splitter.Panel min={320}>{children}</Splitter.Panel>
+        <Splitter.Panel min={320} className='dashboard-splitter-content-panel'>
+          {children}
+        </Splitter.Panel>
       </Splitter>
     </Layout>
   )
diff --git a/src/components/Dashboard/context/TooltipContext.jsx b/src/components/Dashboard/context/TooltipContext.jsx
index b5438881..7f4ea8ee 100644
--- a/src/components/Dashboard/context/TooltipContext.jsx
+++ b/src/components/Dashboard/context/TooltipContext.jsx
@@ -11,8 +11,8 @@ import CursorTooltip from '../common/CursorTooltip'
 
 const TooltipContext = createContext(null)
 
-const HIDE_DELAY_MS = 100
-const FADE_OUT_MS = 500
+const HIDE_DELAY_MS = 10
+const FADE_OUT_MS = 250
 
 export const TooltipProvider = ({ children }) => {
   const [content, setContent] = useState(null)