diff --git a/ui/src/components/Filters.tsx b/ui/src/components/Filters.tsx
index 3c7e38f74..d4e64b1a1 100644
--- a/ui/src/components/Filters.tsx
+++ b/ui/src/components/Filters.tsx
@@ -6,6 +6,7 @@ import MenuBookIcon from '@material-ui/icons/MenuBook';
 import {SyntaxHighlighter} from "./UI/SyntaxHighlighter/index";
 import filterUIExample1 from "./assets/filter-ui-example-1.png"
 import filterUIExample2 from "./assets/filter-ui-example-2.png"
+import variables from '../variables.module.scss';
 
 interface FiltersProps {
     query: string
@@ -100,11 +101,33 @@ export const QueryForm: React.FC<QueryFormProps> = ({query, setQuery, background
                     </label>
                 </Grid>
                 <Grid item xs={4}>
-                    <Button type="submit" variant="contained" style={{margin: "2px 0px 0px 0px"}}>Apply</Button>
+                    <Button
+                        type="submit"
+                        variant="contained"
+                        style={{
+                            margin: "2px 0px 0px 0px",
+                            backgroundColor: variables.blueColor,
+                            fontWeight: 600,
+                            borderRadius: "4px",
+                            color: "#fff",
+                            textTransform: "none",
+                        }}
+                    >
+                        Apply
+                    </Button>
                     <Button
                         title="Open Filtering Guide (Cheatsheet)"
                         variant="contained"
-                        style={{margin: "2px 0px 0px 10px", minWidth: "26px"}}
+                        color="primary"
+                        style={{
+                            margin: "2px 0px 0px 10px",
+                            minWidth: "26px",
+                            backgroundColor: variables.blueColor,
+                            fontWeight: 600,
+                            borderRadius: "4px",
+                            color: "#fff",
+                            textTransform: "none",
+                        }}
                         onClick={handleOpenModal}
                     >
                         <MenuBookIcon fontSize="inherit"></MenuBookIcon>
diff --git a/ui/src/index.sass b/ui/src/index.sass
index 256f72501..b8f707d22 100644
--- a/ui/src/index.sass
+++ b/ui/src/index.sass
@@ -36,13 +36,11 @@ button
   &:not(.MuiFab-root)
     &.MuiButtonBase-root
       box-sizing: border-box
-      font-weight: 600
+      font-weight: 500
       line-height: 1
-      border-radius: 4px
+      border-radius: 20px
       letter-spacing: 0.02857em
-      background-color: $blue-color
-      color: #fff
-      text-transform: none
+      text-transform: uppercase
       img:not(.custom)
         max-width: 13px
         max-height: 13px