diff --git a/ui/src/components/Toast/index.tsx b/ui/src/components/Toast/index.tsx
index 0a6b95b955d9161191eb03e6beb1b8e313f4ef52..9928c9950c78343e8ca2d47cf2986410887a4c69 100644
--- a/ui/src/components/Toast/index.tsx
+++ b/ui/src/components/Toast/index.tsx
@@ -12,7 +12,7 @@ export const Toast = styled.div<{ borderColor: Color }>`
   background: ${color("draculaBackgroundDarker")};
   border: 2px solid ${color("draculaSelection")};
 
-  &:after {
+  &:before {
     position: absolute;
     display: block;
     content: " ";
diff --git a/ui/src/scenes/Editor/Menu/index.tsx b/ui/src/scenes/Editor/Menu/index.tsx
index 5b0252370e585993e82ded05d6d6628f73f69f20..ca3e3f445e5a38db891e54fc7c541e12f1bdab4e 100644
--- a/ui/src/scenes/Editor/Menu/index.tsx
+++ b/ui/src/scenes/Editor/Menu/index.tsx
@@ -156,7 +156,7 @@ const Menu = () => {
           trigger={
             <QueryPickerButton onClick={handleClick}>
               <Add size="18px" />
-              <span>Saved queries</span>
+              <span>Example queries</span>
             </QueryPickerButton>
           }
         >
diff --git a/ui/src/scenes/Editor/QueryResult/index.tsx b/ui/src/scenes/Editor/QueryResult/index.tsx
index 306dd2aa476dc7ce2a6403e8d8ce1d153afecfbd..9c8203cba5b5ef772f2057298619d7960e4d27a2 100644
--- a/ui/src/scenes/Editor/QueryResult/index.tsx
+++ b/ui/src/scenes/Editor/QueryResult/index.tsx
@@ -72,7 +72,7 @@ const formatTiming = (nanos: number) => {
 }
 
 const QueryResult = ({ compiler, count, execute, fetch, rowCount }: Props) => {
-  const [expanded, setExpanded] = useState(false)
+  const [expanded, setExpanded] = useState(true)
   const handleClick = useCallback(() => {
     setExpanded(!expanded)
   }, [expanded])
@@ -81,7 +81,7 @@ const QueryResult = ({ compiler, count, execute, fetch, rowCount }: Props) => {
     <Wrapper _height={95} duration={TransitionDuration.FAST}>
       <div>
         <Text color="draculaForeground">
-          {rowCount} row{rowCount > 1 ? "s" : ""} in&nbsp;
+          {rowCount.toLocaleString()} row{rowCount > 1 ? "s" : ""} in&nbsp;
           {formatTiming(fetch)}&nbsp;
         </Text>
         (
diff --git a/ui/src/scenes/Notifications/Notification/index.tsx b/ui/src/scenes/Notifications/Notification/index.tsx
index 94c24b9bdabdab09b415c2ea279247d1eacfe489..7dd8043dccf03dab1b28114e0323bc00808ab6f8 100644
--- a/ui/src/scenes/Notifications/Notification/index.tsx
+++ b/ui/src/scenes/Notifications/Notification/index.tsx
@@ -20,6 +20,7 @@ const Wrapper = styled(Toast)`
   margin-top: 1rem;
   padding-right: 3rem;
   border-right: none;
+  border-bottom: none;
   box-shadow: ${color("black")} 0 0 4px;
 
   overflow: hidden;
@@ -66,10 +67,29 @@ const Out = styled.div<{ animationPlay: AnimationPlay }>`
   bottom: 0;
   left: 0;
   width: 100%;
-  height: 1px;
-  background: ${color("gray2")};
-  animation: ${disappear} 120s linear 0s 1 normal forwards;
-  animation-play-state: ${({ animationPlay }) => animationPlay};
+  height: 2px;
+
+  :before {
+    content: " ";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background: ${color("draculaSelection")};
+  }
+
+  :after {
+    content: " ";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background: ${color("gray2")};
+    animation: ${disappear} 120s linear 0s 1 normal forwards;
+    animation-play-state: ${({ animationPlay }) => animationPlay};
+  }
 `
 
 const Pin = styled(Pushpin2)`
diff --git a/ui/src/scenes/Result/index.tsx b/ui/src/scenes/Result/index.tsx
index 26cf9a86edda451802eee91e0c1ba1399d255340..df41051d6e7f31616165c888b4495d9af55c9be0 100644
--- a/ui/src/scenes/Result/index.tsx
+++ b/ui/src/scenes/Result/index.tsx
@@ -122,7 +122,7 @@ const Result = () => {
         <ButtonWrapper>
           {count && !sm && (
             <Text color="draculaForeground">
-              {`${count} row${count > 1 ? "s" : ""}`}
+              {`${count.toLocaleString()} row${count > 1 ? "s" : ""}`}
             </Text>
           )}
 
diff --git a/ui/src/styles/_base.scss b/ui/src/styles/_base.scss
index 50c0221b76838f037bad83f7879da9093a982689..c87e30e845919258dc928f3df34a1fd2672dac22 100755
--- a/ui/src/styles/_base.scss
+++ b/ui/src/styles/_base.scss
@@ -41,8 +41,8 @@ body {
 }
 
 ::-webkit-scrollbar {
-  width: 8px;
-  height: 11px;
+  width: 10px;
+  height: 10px;
   background: #21222c;
 }
 
@@ -60,11 +60,11 @@ body {
 }
 
 .ace_scrollbar-v {
-  width: 8px !important;
+  width: 10px !important;
 }
 
 .ace_scrollbar-h {
-  height: 8px !important;
+  height: 10px !important;
 }
 
 html,
diff --git a/ui/src/styles/_grid.scss b/ui/src/styles/_grid.scss
index 7b141b2b057aebd6e6007890e3a0fe4beb3249c0..9f7abdecbd368063e418bf26a10a6865b953e611 100644
--- a/ui/src/styles/_grid.scss
+++ b/ui/src/styles/_grid.scss
@@ -33,6 +33,10 @@
 .qg-header-row {
   overflow: hidden;
   height: 33px;
+
+  .qg-header:last-child {
+    margin-right: 10px;
+  }
 }
 
 .qg-header-row,
@@ -96,7 +100,6 @@
 
 .qg-canvas {
   position: relative;
-  overflow: hidden;
   width: 100%;
 }