diff --git a/majak_uistyleguide/templates/patterns/atoms/dropdown/dropdown_item.html b/majak_uistyleguide/templates/patterns/atoms/dropdown/dropdown_item.html
new file mode 100644
index 0000000000000000000000000000000000000000..177c7ec684aa6949d38ef04bb983055a15a51a04
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/atoms/dropdown/dropdown_item.html
@@ -0,0 +1,5 @@
+<li>
+  <a href="{{ url }}">
+    {{ name }}
+  </a>
+</li>
\ No newline at end of file
diff --git a/majak_uistyleguide/templates/patterns/molecules/dropdown/dropdown.html b/majak_uistyleguide/templates/patterns/molecules/dropdown/dropdown.html
new file mode 100644
index 0000000000000000000000000000000000000000..a602989b618f26788613efb2ae4302ab9d0a121d
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/molecules/dropdown/dropdown.html
@@ -0,0 +1,18 @@
+<div
+  class="dropdown nav-link js-scroll-anchor"
+  tabindex="0"
+>
+  <div class="dropbtn">
+    {{ name }}
+
+    <span class="drop-arrow">
+      <i class="ico--chevron-down"></i>
+    </span>
+  </div>
+
+  <ul class="dropdown-content">
+    {% for nested_item in menu_items %}
+      {% include "patterns/atoms/dropdown/dropdown_item.html" with name=nested_item.name url=nested_item.url %}
+    {% endfor %}
+  </ul>
+</div>
\ No newline at end of file
diff --git a/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html b/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html
index a64d85dd6d9ad26051113e168ac82cdef9d818d2..aec6282609aefe6d710e323920a31bfedd243641 100644
--- a/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html
+++ b/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html
@@ -66,27 +66,6 @@
   {% endfor %}
 
   {% for parent in menu_parents %}
-    <div
-      class="dropdown nav-link js-scroll-anchor"
-      tabindex="0"
-    >
-      <div class="dropbtn">
-        {{ parent.name }}
-
-        <span class="drop-arrow">
-          <i class="ico--chevron-down"></i>
-        </span>
-      </div>
-
-      <div class="dropdown-content">
-        {% for nested_item in parent.menu_items %}
-          <li>
-            <a href="{{ nested_item.url }}">
-              {{ nested_item.name }}
-            </a>
-          </li>
-        {% endfor %}
-      </div>
-    </div>
+    {% include "patterns/molecules/dropdown/dropdown.html" with name=parent.name menu_items=parent.menu_items %}
   {% endfor %}
 {% endblock %}
\ No newline at end of file