diff --git a/webapp/components/FilterMenu/FilterMenu.spec.js b/webapp/components/FilterMenu/FilterMenu.spec.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/webapp/components/FilterMenu/FilterMenu.vue b/webapp/components/FilterMenu/FilterMenu.vue
new file mode 100644
index 000000000..e3efbf327
--- /dev/null
+++ b/webapp/components/FilterMenu/FilterMenu.vue
@@ -0,0 +1,26 @@
+<template>
+  <dropdown>
+    <a
+      slot="default"
+      class="filter-menu"
+      href="#"
+    >
+      <ds-icon
+        name="filter"
+      />
+      Filter
+    </a>
+  </dropdown>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style>
+.filter-menu {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+</style>
diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index 7708d6d2e..df4cf5828 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -19,6 +19,7 @@
           />
         </div>
         <div class="main-navigation-right">
+          <filter-menu />
           <no-ssr>
             <locale-switch class="topbar-locale-switch" placement="bottom" offset="23" />
           </no-ssr>
@@ -98,6 +99,7 @@ import Modal from '~/components/Modal'
 import NotificationMenu from '~/components/notifications/NotificationMenu'
 import Dropdown from '~/components/Dropdown'
 import HcAvatar from '~/components/Avatar/Avatar.vue'
+import FilterMenu from '~/components/FilterMenu/FilterMenu.vue'
 import seo from '~/mixins/seo'
 
 export default {
@@ -108,6 +110,7 @@ export default {
     Modal,
     NotificationMenu,
     HcAvatar,
+    FilterMenu,
   },
   mixins: [seo],
   data() {