diff --git a/src/assets/icons/more-horizontal.svg b/src/assets/icons/more-horizontal.svg
new file mode 100644
index 00000000..dc1ec966
--- /dev/null
+++ b/src/assets/icons/more-horizontal.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 14C3.89543 14 3 13.1046 3 12C3 10.8954 3.89543 10 5 10C6.10457 10 7 10.8954 7 12C7 13.1046 6.10457 14 5 14ZM12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14ZM17 12C17 13.1046 17.8954 14 19 14C20.1046 14 21 13.1046 21 12C21 10.8954 20.1046 10 19 10C17.8954 10 17 10.8954 17 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/icons/plus.svg b/src/assets/icons/plus.svg
new file mode 100644
index 00000000..4977f632
--- /dev/null
+++ b/src/assets/icons/plus.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 7H14V9H9V14H7V9H2V7H7V2H9V7Z" fill="black"/>
+</svg>
diff --git a/src/components/Dropdown/SDropdown.vue b/src/components/Dropdown/SDropdown.vue
new file mode 100644
index 00000000..5b6e3091
--- /dev/null
+++ b/src/components/Dropdown/SDropdown.vue
@@ -0,0 +1,226 @@
+<template>
+  <el-dropdown
+    ref="dropdown"
+    :split-button="splitButton"
+    :size="computedSize"
+    :type="computedType"
+    :placement="placement"
+    :trigger="computedTrigger"
+    :hide-on-click="hideOnClick"
+    :show-timeout="showTimeout"
+    :hide-timeout="hideTimeout"
+    :tabindex="tabindex"
+    @click="handleClick"
+    @command="handleSelect"
+    @visible-change="handleVisibleChange"
+  >
+    <span v-if="type === DropdownType.DEFAULT || splitButton">
+      <slot></slot>
+      <i v-if="!splitButton" class="el-icon-arrow-down el-icon--right"></i>
+    </span>
+    <template v-else>
+      <s-button
+        v-if="type === DropdownType.BUTTON"
+        :type="computedButtonType"
+        :size="size"
+      >
+        <slot></slot>
+        <i class="el-icon-arrow-down el-icon--right"></i>
+      </s-button>
+      <el-tooltip v-else :disabled="willTooltipBeDisabled">
+        <i class="s-icon-more"></i>
+        <template slot="content">
+          <slot></slot>
+        </template>
+      </el-tooltip>
+    </template>
+    <el-dropdown-menu :class="{'ellipsis': type === DropdownType.ELLIPSIS}">
+      <slot name="menu"></slot>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop, Ref } from 'vue-property-decorator'
+import { ElDropdown } from 'element-ui/types/dropdown'
+
+import { DropdownType, DropdownSize, DropdownPlacement, DropdownTrigger } from './consts'
+import { ButtonTypes } from '../Button'
+import { SButton } from '../../components'
+
+@Component({
+  components: {
+    SButton
+  }
+})
+export default class SDropdown extends Vue {
+  readonly DropdownType = DropdownType
+  /**
+   * A type of the dropdown component. Possible values: `"default"`, `"button"`, `"ellipsis"`.
+   *
+   * By default, it's set to `"default"`
+   */
+  @Prop({ type: String, default: DropdownType.DEFAULT }) readonly type!: string
+  /**
+   * Button type of dropdown component. It can be used with `type="button"`.
+   * Possible values: `"primary"`, `"secondary"`, `"tertiary"`.
+   *
+   * By default, it's set to `"secondary"`
+   */
+  @Prop({ type: String, default: ButtonTypes.SECONDARY }) readonly buttonType!: string
+  /**
+   * A size of the dropdown items. Possible values: `"big"`, `"medium"`, `"small"`.
+   * It affects on the button size if `type="button"` as well.
+   *
+   * By default, it's set to `"big"`
+   */
+  @Prop({ type: String, default: DropdownSize.BIG }) readonly size!: string
+  /**
+   * A placement of the popup menu. You can use any value from `DropdownPlacement` enum.
+   *
+   * By default, it's set to `"bottom-end"`
+   */
+  @Prop({ type: String, default: DropdownPlacement.BOTTOM_END }) readonly placement!: string
+  /**
+   * A trigger action of the dropdown component. Can be `"hover"` or `"click"`.
+   * When dropdown type is "ellipsis", `trigger = "click"`.
+   *
+   * By default, it's set to `"hover"`
+   */
+  @Prop({ type: String, default: DropdownTrigger.HOVER }) readonly trigger!: string
+  /**
+   * Hide menu after clicking menu item.
+   *
+   * `true` by default
+   */
+  @Prop({ type: Boolean, default: true }) readonly hideOnClick!: boolean
+  /**
+   * Displayed button group
+   *
+   * `true` by default
+   */
+  @Prop({ type: Boolean, default: false }) readonly splitButton!: boolean
+  /**
+   * Delay time before show the dropdown (only works when trigger is `"hover"`).
+   *
+   * `250` by default
+   */
+  @Prop({ type: Number, default: 250 }) readonly showTimeout!: number
+  /**
+   * Delay time before hide a dropdown (only works when trigger is `"hover"`).
+   *
+   * `150` by default
+   */
+  @Prop({ type: Number, default: 150 }) readonly hideTimeout!: number
+  /**
+   * Tab index of the dropdown component.
+   *
+   * `0` by default
+   */
+  @Prop({ type: Number, default: 0 }) readonly tabindex!: number
+
+  @Ref('dropdown') dropdown!: ElDropdown
+
+  willTooltipBeDisabled = false
+
+  get computedType () {
+    if (this.type === DropdownType.BUTTON) {
+      return this.computedButtonType
+    }
+    return ''
+  }
+
+  get computedTrigger (): string {
+    if (this.type === DropdownType.ELLIPSIS) {
+      return DropdownTrigger.CLICK
+    }
+    if (!(Object.values(DropdownTrigger) as Array<string>).includes(this.trigger)) {
+      return DropdownTrigger.HOVER
+    }
+    return this.trigger
+  }
+
+  get computedSize (): string {
+    if (this.size === DropdownSize.BIG ||
+      !(Object.values(DropdownSize) as Array<string>).includes(this.size)) {
+      return ''
+    }
+    return this.size
+  }
+
+  get computedButtonType (): string {
+    if (this.buttonType === ButtonTypes.ACTION ||
+      !(Object.values(ButtonTypes) as Array<string>).includes(this.buttonType)) {
+      console.warn(`"${this.buttonType}" button type is unsupported! Secondary button type is set.`)
+      return ButtonTypes.SECONDARY
+    }
+    return this.buttonType
+  }
+
+  mounted (): void {
+    if (this.splitButton) {
+      this.$nextTick(() => {
+        this.dropdown.$children[0].$children.forEach(button => {
+          button.$el.classList.add(this.size, this.computedButtonType)
+        })
+      })
+    }
+    if (this.type === DropdownType.ELLIPSIS) {
+      this.$watch('$refs.dropdown.visible', (visible) => { this.willTooltipBeDisabled = visible })
+    }
+  }
+
+  handleClick (): void {
+    this.$emit('click')
+  }
+
+  handleSelect (command: string): void {
+    this.$emit('select', command)
+  }
+
+  handleVisibleChange (isAppear: boolean): void {
+    this.$emit('visible-change', isAppear)
+  }
+}
+</script>
+
+<style lang="scss">
+@import "../../styles/variables.scss";
+
+.el-dropdown {
+  > .el-button-group {
+    > .el-button {
+      float: left;
+    }
+    .el-dropdown__caret-button {
+      &.secondary {
+        &::before {
+          background-color: $color-neutral-border;
+        }
+        &:hover, &:active, &:focus {
+          &::before {
+            background-color: $color-main-brand;
+          }
+        }
+      }
+      &.tertiary {
+        &::before {
+          background-color: transparent;
+        }
+        &:hover, &:active, &:focus {
+          &::before {
+            background-color: transparent;
+          }
+        }
+      }
+    }
+  }
+  > i {
+    cursor: pointer;
+  }
+}
+.ellipsis.el-popper[x-placement^=bottom] {
+  margin-top: 25px;
+  margin-left: 12px;
+}
+</style>
diff --git a/src/components/Dropdown/SDropdownItem.vue b/src/components/Dropdown/SDropdownItem.vue
new file mode 100644
index 00000000..9e729274
--- /dev/null
+++ b/src/components/Dropdown/SDropdownItem.vue
@@ -0,0 +1,56 @@
+<template>
+  <el-dropdown-item
+    :command="value"
+    :disabled="disabled"
+    :divided="divided"
+    :icon="computedIcon"
+  >
+    <slot></slot>
+  </el-dropdown-item>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-property-decorator'
+import { ElDropdownItem } from 'element-ui/types/dropdown-item'
+
+@Component
+export default class SDropdownItem extends Vue {
+  /**
+   * A value of the dropdown item which will be returned from select method
+   * of the dropdown component. It can be `string/number/object` type
+   */
+  @Prop() readonly value!: any
+  /**
+   * Disabled state of the dropdown item
+   *
+   * `false` by default
+   */
+  @Prop({ type: Boolean, default: false }) readonly disabled!: boolean
+  /**
+   * Display the divider of the dropdown item
+   *
+   * `false` by default
+   */
+  @Prop({ type: Boolean, default: false }) readonly divided!: boolean
+  /**
+   * An icon of the dropdown item
+   */
+  @Prop({ type: String }) readonly icon!: string
+
+  get computedIcon (): string {
+    // TODO: add checks for invalid icons
+    return `s-icon-${this.icon}`
+  }
+}
+</script>
+
+<style lang="scss">
+@import "../../styles/variables.scss";
+
+.el-dropdown-menu__item:not(.is-disabled) {
+  &:hover, &:focus {
+    background-color: $color-neutral-placeholder;
+    color: $color-basic-black;
+  }
+}
+</style>
diff --git a/src/components/Dropdown/consts.ts b/src/components/Dropdown/consts.ts
new file mode 100644
index 00000000..c6d7fb5f
--- /dev/null
+++ b/src/components/Dropdown/consts.ts
@@ -0,0 +1,23 @@
+import { Size } from '../../types/size'
+
+export enum DropdownType {
+  DEFAULT = 'default',
+  BUTTON = 'button',
+  ELLIPSIS = 'ellipsis'
+}
+
+export enum DropdownPlacement {
+  TOP = 'top',
+  TOP_START = 'top-start',
+  TOP_END = 'top-end',
+  BOTTOM = 'bottom',
+  BOTTOM_START = 'bottom-start',
+  BOTTOM_END = 'bottom-end'
+}
+
+export enum DropdownTrigger {
+  HOVER = 'hover',
+  CLICK = 'click'
+}
+
+export const DropdownSize = Size
diff --git a/src/components/Dropdown/index.ts b/src/components/Dropdown/index.ts
new file mode 100644
index 00000000..87bb2280
--- /dev/null
+++ b/src/components/Dropdown/index.ts
@@ -0,0 +1,12 @@
+import SDropdown from './SDropdown.vue'
+import SDropdownItem from './SDropdownItem.vue'
+import { DropdownPlacement, DropdownSize, DropdownTrigger, DropdownType } from './consts'
+
+export {
+  SDropdown,
+  SDropdownItem,
+  DropdownPlacement,
+  DropdownSize,
+  DropdownTrigger,
+  DropdownType
+}
diff --git a/src/components/Layout/App/SApp.vue b/src/components/Layout/App/SApp.vue
index 2dbd63ca..837a3063 100644
--- a/src/components/Layout/App/SApp.vue
+++ b/src/components/Layout/App/SApp.vue
@@ -21,7 +21,7 @@
 import { Vue, Component } from 'vue-property-decorator'
 
 import { SAside } from '../Aside'
-import { SContainer, ContainerDirection } from '../Container'
+import { SContainer } from '../Container'
 import { SFooter } from '../Footer'
 import { SHeader } from '../Header'
 import { SMain } from '../Main'
@@ -36,7 +36,7 @@ import { SMain } from '../Main'
   }
 })
 export default class SApp extends Vue {
-  readonly ContainerDirection = ContainerDirection
+  // TODO: add properties for header, footer, aside height
 }
 </script>
 
diff --git a/src/components/Layout/Header/SHeader.vue b/src/components/Layout/Header/SHeader.vue
index e2f02fc7..263efafc 100644
--- a/src/components/Layout/Header/SHeader.vue
+++ b/src/components/Layout/Header/SHeader.vue
@@ -22,7 +22,7 @@ export default class SHeader extends Vue {
 
 <style lang="scss">
 .el-header {
-  padding: 16px;
+  padding: 12px;
   box-shadow: 0px 0px 8px rgba(45, 41, 38, 0.2);
   font-size: 18px;
 }
diff --git a/src/components/Tooltip/STooltip.vue b/src/components/Tooltip/STooltip.vue
index 5ac6c5ea..4b65cc01 100644
--- a/src/components/Tooltip/STooltip.vue
+++ b/src/components/Tooltip/STooltip.vue
@@ -14,6 +14,7 @@
     :hide-after="closeDelay"
     :tabindex="tabindex"
   >
+    <slot slot="content" name="content"></slot>
     <slot></slot>
   </el-tooltip>
 </template>
@@ -34,7 +35,7 @@ export default class STooltip extends Vue {
    */
   @Prop({ default: TooltipTheme.DARK, type: String }) readonly theme!: TooltipEffect
   /**
-   * Content of the tooltip
+   * Content of the tooltip. You can set content from `content` slot as well
    */
   @Prop({ default: '', type: String }) readonly content!: string
   /**
diff --git a/src/components/index.ts b/src/components/index.ts
index 67e726b0..2243316c 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -7,6 +7,7 @@ import { SButton, SButtonGroup } from './Button'
 import { SCard } from './Card'
 import { SCol } from './Layout/Col'
 import { SContainer } from './Layout/Container'
+import { SDropdown, SDropdownItem } from './Dropdown'
 import { SFooter } from './Layout/Footer'
 import { SForm, SFormItem } from './Form'
 import { SHeader } from './Layout/Header'
@@ -24,6 +25,8 @@ export {
   SCard,
   SCol,
   SContainer,
+  SDropdown,
+  SDropdownItem,
   SFooter,
   SForm,
   SFormItem,
diff --git a/src/stories/Dropdown/SDropdown.stories.ts b/src/stories/Dropdown/SDropdown.stories.ts
new file mode 100644
index 00000000..b28c813b
--- /dev/null
+++ b/src/stories/Dropdown/SDropdown.stories.ts
@@ -0,0 +1,189 @@
+import { number, withKnobs, select, boolean } from '@storybook/addon-knobs'
+
+import { SCol, SDropdown, SDropdownItem, SRow } from '../../components'
+import { DropdownPlacement, DropdownSize, DropdownTrigger, DropdownType } from '../../components/Dropdown'
+import { ButtonTypes } from '../../components/Button'
+
+export default {
+  component: SDropdown,
+  title: 'Design System/Dropdown',
+  decorators: [withKnobs],
+  excludeStories: /.*Data$/
+}
+
+export const configurable = () => ({
+  components: { SDropdown, SDropdownItem },
+  template: `<s-dropdown
+               type="button"
+               size="big"
+               :buttonType="buttonType"
+               :placement="placement"
+               :hide-on-click="hideOnClick"
+               :show-timeout="showTimeout"
+               :hide-timeout="hideTimeout"
+               @select="handleSelect"
+             >
+               Dropdown menu
+               <template slot="menu">
+                 <s-dropdown-item value="action1">Action 1</s-dropdown-item>
+                 <s-dropdown-item value="action2">Action 2</s-dropdown-item>
+                 <s-dropdown-item value="action3">Action 3</s-dropdown-item>
+                 <s-dropdown-item value="action4">Action 4</s-dropdown-item>
+               </template>
+             </s-dropdown>`,
+  props: {
+    buttonType: {
+      default: select('Button Type', Object.values(ButtonTypes), ButtonTypes.SECONDARY)
+    },
+    placement: {
+      default: select('Placement', Object.values(DropdownPlacement), DropdownPlacement.BOTTOM_END)
+    },
+    hideOnClick: {
+      default: boolean('Hide On Click', true)
+    },
+    showTimeout: {
+      default: number('Show Timeout', 250)
+    },
+    hideTimeout: {
+      default: number('Hide Timeout', 150)
+    }
+  },
+  methods: {
+    handleSelect: (value: string) => alert(`${value} is selected`)
+  }
+})
+
+export const differentTypesData = Object.values(DropdownType).map(type => {
+  const data = { type } as any
+  data.label = type[0].toUpperCase() + type.slice(1)
+  return data
+})
+export const buttonTypesData = Object.values(ButtonTypes).map(buttonType => {
+  const data = { buttonType, type: DropdownType.BUTTON } as any
+  data.label = buttonType[0].toUpperCase() + buttonType.slice(1) + ' button'
+  return data
+})
+export const differentTypes = () => ({
+  components: { SCol, SDropdown, SDropdownItem, SRow },
+  template: `<s-row :gutter="20" style="width: 100%;">
+               <s-col :span="12" style="margin-bottom: 20px;"><span>Different types</span></s-col>
+               <s-col :span="4" v-for="item in differentTypesData" :key="item.type" style="height: 56px; margin-bottom: 20px;">
+                 <s-dropdown
+                   :type="item.type"
+                 >
+                   {{ item.label }}
+                   <template slot="menu">
+                     <s-dropdown-item>Action 1</s-dropdown-item>
+                     <s-dropdown-item>Action 2</s-dropdown-item>
+                     <s-dropdown-item>Action 3</s-dropdown-item>
+                     <s-dropdown-item>Action 4</s-dropdown-item>
+                   </template>
+                 </s-dropdown>
+               </s-col>
+               <s-col :span="12" style="margin-bottom: 20px;"><span>Different button types</span></s-col>
+               <s-col :span="4" v-for="item in buttonTypesData" :key="item.buttonType + 'withoutSplit'" style="height: 56px; margin-bottom: 20px;">
+                 <s-dropdown
+                   :type="item.type"
+                   :button-type="item.buttonType"
+                 >
+                   {{ item.label }}
+                   <template slot="menu">
+                     <s-dropdown-item>Action 1</s-dropdown-item>
+                     <s-dropdown-item>Action 2</s-dropdown-item>
+                     <s-dropdown-item>Action 3</s-dropdown-item>
+                     <s-dropdown-item>Action 4</s-dropdown-item>
+                   </template>
+                 </s-dropdown>
+               </s-col>
+               <s-col :span="12" style="margin-bottom: 20px;"><span>Different button types with splitted button</span></s-col>
+               <s-col :span="4" v-for="item in buttonTypesData" :key="item.buttonType" style="height: 56px; margin-bottom: 20px;">
+                 <s-dropdown
+                   :type="item.type"
+                   split-button
+                   :button-type="item.buttonType"
+                   @click="handleClick"
+                 >
+                   {{ item.label }}
+                   <template slot="menu">
+                     <s-dropdown-item>Action 1</s-dropdown-item>
+                     <s-dropdown-item>Action 2</s-dropdown-item>
+                     <s-dropdown-item>Action 3</s-dropdown-item>
+                     <s-dropdown-item>Action 4</s-dropdown-item>
+                   </template>
+                 </s-dropdown>
+               </s-col>
+             </s-row>`,
+  props: {
+    differentTypesData: {
+      default: () => differentTypesData
+    },
+    buttonTypesData: {
+      default: () => buttonTypesData.filter(data => data.buttonType !== ButtonTypes.ACTION)
+    }
+  },
+  methods: {
+    handleClick: () => alert('clicked')
+  }
+})
+
+export const differentSizeData = Object.values(DropdownSize).map(size => {
+  const data = { size, type: DropdownType.BUTTON, buttonType: ButtonTypes.PRIMARY } as any
+  data.label = size[0].toUpperCase() + size.slice(1)
+  return data
+})
+export const differentSize = () => ({
+  components: { SCol, SDropdown, SDropdownItem, SRow },
+  template: `<s-row :gutter="20" style="width: 100%;">
+               <s-col :span="4" v-for="item in differentSizeData" :key="item.size" style="height: 56px; margin-bottom: 20px;">
+                 <s-dropdown
+                   :type="item.type"
+                   :button-type="item.buttonType"
+                   :size="item.size"
+                 >
+                   {{ item.label }}
+                   <template slot="menu">
+                     <s-dropdown-item>Action 1</s-dropdown-item>
+                     <s-dropdown-item>Action 2</s-dropdown-item>
+                     <s-dropdown-item>Action 3</s-dropdown-item>
+                     <s-dropdown-item>Action 4</s-dropdown-item>
+                   </template>
+                 </s-dropdown>
+               </s-col>
+             </s-row>`,
+  props: {
+    differentSizeData: {
+      default: () => differentSizeData
+    }
+  }
+})
+
+export const differentTriggerData = Object.values(DropdownTrigger).map(trigger => {
+  const data = { trigger, type: DropdownType.BUTTON, buttonType: ButtonTypes.PRIMARY } as any
+  data.label = trigger[0].toUpperCase() + trigger.slice(1)
+  return data
+})
+export const differentTrigger = () => ({
+  components: { SCol, SDropdown, SDropdownItem, SRow },
+  template: `<s-row :gutter="20" style="width: 100%;">
+               <s-col :span="4" v-for="item in differentTriggerData" :key="item.trigger" style="height: 56px; margin-bottom: 20px;">
+                 <s-dropdown
+                   :type="item.type"
+                   :button-type="item.buttonType"
+                   :trigger="item.trigger"
+                 >
+                   {{ item.label }}
+                   <template slot="menu">
+                     <s-dropdown-item>Action 1</s-dropdown-item>
+                     <s-dropdown-item>Action 2</s-dropdown-item>
+                     <s-dropdown-item>Action 3</s-dropdown-item>
+                     <s-dropdown-item>Action 4</s-dropdown-item>
+                   </template>
+                 </s-dropdown>
+               </s-col>
+             </s-row>`,
+  props: {
+    differentTriggerData: {
+      default: () => differentTriggerData
+    }
+  }
+})
diff --git a/src/stories/Dropdown/SDropdownItem.stories.ts b/src/stories/Dropdown/SDropdownItem.stories.ts
new file mode 100644
index 00000000..62315af4
--- /dev/null
+++ b/src/stories/Dropdown/SDropdownItem.stories.ts
@@ -0,0 +1,30 @@
+import { withKnobs, boolean } from '@storybook/addon-knobs'
+
+import { SDropdown, SDropdownItem } from '../../components'
+
+export default {
+  component: SDropdownItem,
+  title: 'Design System/Dropdown/DropdownItem',
+  decorators: [withKnobs]
+}
+
+export const configurable = () => ({
+  components: { SDropdown, SDropdownItem },
+  template: `<s-dropdown>
+               Main menu
+               <template slot="menu">
+                 <s-dropdown-item>Action 1</s-dropdown-item>
+                 <s-dropdown-item :disabled="disabled" :divided="divided">Action 2</s-dropdown-item>
+                 <s-dropdown-item>Action 3</s-dropdown-item>
+                 <s-dropdown-item :disabled="disabled" :divided="divided">Action 4</s-dropdown-item>
+               </template>
+             </s-dropdown>`,
+  props: {
+    disabled: {
+      default: () => boolean('Disabled', false)
+    },
+    divided: {
+      default: () => boolean('Divided', false)
+    }
+  }
+})
diff --git a/src/styles/icons.scss b/src/styles/icons.scss
index a4a4ddb7..2367f2ae 100644
--- a/src/styles/icons.scss
+++ b/src/styles/icons.scss
@@ -7,6 +7,16 @@
     height: 16px;
   }
 
+  &plus-small {
+    position: absolute;
+    background-image: url('~@/assets/icons/plus.svg');
+    background-size: contain;
+    width: 12px;
+    height: 12px;
+    top: -6px;
+    left: -6px;
+  }
+
   &back {
     position: absolute;
     background-image: url('~@/assets/icons/arrow-left.svg');
@@ -14,6 +24,23 @@
     height: 20px;
   }
 
+  &more {
+    position: absolute;
+    background-image: url('~@/assets/icons/more-horizontal.svg');
+    width: 21px;
+    height: 20px;
+  }
+
+  &back-small {
+    position: absolute;
+    background-image: url('~@/assets/icons/arrow-left.svg');
+    background-size: contain;
+    width: 12px;
+    height: 12px;
+    top: -6px;
+    left: -6px;
+  }
+
   &globe {
     background-image: url('~@/assets/icons/globe.svg');
     width: 20px;