diff --git a/ui/src/shared/components/dapperScrollbars/DapperScrollbars.scss b/ui/src/shared/components/dapperScrollbars/DapperScrollbars.scss
index ffbd7bf5f03..db8035e558d 100644
--- a/ui/src/shared/components/dapperScrollbars/DapperScrollbars.scss
+++ b/ui/src/shared/components/dapperScrollbars/DapperScrollbars.scss
@@ -2,7 +2,7 @@ $dapper-scrollbars--size: 6px;
 
 .dapper-scrollbars--wrapper {
   margin-right: 0 !important;
-  margin-bottom: 0 !important;
+  margin-bottom: 10px !important;
   right: 0 !important;
   bottom: 0 !important;
 }
diff --git a/ui/src/timeMachine/components/variableToolbar/VariableToolbar.tsx b/ui/src/timeMachine/components/variableToolbar/VariableToolbar.tsx
index 42eec8b6ab2..d794373f59c 100644
--- a/ui/src/timeMachine/components/variableToolbar/VariableToolbar.tsx
+++ b/ui/src/timeMachine/components/variableToolbar/VariableToolbar.tsx
@@ -31,7 +31,7 @@ const VariableToolbar: FunctionComponent<OwnProps & StateProps> = ({
   return (
     <div className="variable-toolbar">
       <SearchBar onSearch={setSearchTerm} resourceName="Variables" />
-      <FancyScrollbar>
+      <FancyScrollbar style={{marginBottom: '40px'}}>
         <div className="variables-toolbar--list">
           {variables
             .filter(v => v.name.includes(searchTerm))