diff --git a/app/Resources/views/pagination/knp_pagination.html.twig b/app/Resources/views/pagination/knp_pagination.html.twig
new file mode 100644
index 0000000..7eaa57b
--- /dev/null
+++ b/app/Resources/views/pagination/knp_pagination.html.twig
@@ -0,0 +1,36 @@
+{% if pageCount > 1 %}
+    <div class="ui pagination menu spacing 20">
+        {% if first is defined and current != first %}
+            <a class="icon item" href="{{ path(route, query|merge({(pageParameterName): first})) }}">
+                <i class="angle double left icon"></i>
+            </a>
+        {% endif %}
+
+        {% if previous is defined %}
+            <a class="item icon" href="{{ path(route, query|merge({(pageParameterName): previous})) }}">
+                <i class="angle left icon"></i>
+            </a>
+        {% endif %}
+
+        {% for page in pagesInRange %}
+            {% if page != current %}
+                <a class="item" href="{{ path(route, query|merge({(pageParameterName): page})) }}">{{ page }}</a>
+            {% else %}
+                <span class="active item">{{ page }}</span>
+            {% endif %}
+
+        {% endfor %}
+
+        {% if next is defined %}
+            <a class="icon item" href="{{ path(route, query|merge({(pageParameterName): next})) }}">
+                <i class="angle right icon"></i>
+            </a>
+        {% endif %}
+
+        {% if last is defined and current != last %}
+            <a class="icon item" href="{{ path(route, query|merge({(pageParameterName): last})) }}">
+                <i class="angle right double icon"></i>
+            </a>
+        {% endif %}
+    </div>
+{% endif %}
\ No newline at end of file