diff --git a/templates/memberships/single.html b/templates/memberships/single.html
index f9455234c..e357e75fb 100644
--- a/templates/memberships/single.html
+++ b/templates/memberships/single.html
@@ -1,6 +1,88 @@
 {% extends "index.html" %}
 
 {% block content %}
- 
- {% endblock content %}
+
+{% if not paginator %} 
+    {% set paginator = section %}
+{% endif %}
+
+{% set path_array = current_path | split(pat="/") %}
+{% set taxonomy = path_array[1] %}
+{% set category = path_array[2] %}
+{% if path_array | length < 3%}
+{% set category = "All" %}
+{% endif %}
+
+<div class="mt-16">
+    {% include "partials/filter_bar.html" %}
+    <div class="text-center main-title px-0 md:w-full mx-8 md:mx-12">
+        <div class="my-4 flex flex-col items-start">
+            <h1 class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal">
+            {{category | replace(from='-', to=' ' ) | title}}
+            </h1>
+            <div class="text-xl text-gray-800">
+                {{ paginator.total_pages ~ " People"}}
+            </div>
+        </div>
+
+        <hr/>
+
+        <div>
+            <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 xl:grid-cols-4 lg:max-w-none">
+                {%- for page in paginator.pages %} 
+                    {% include "partials/person_card.html" %} 
+                {%- endfor %}
+            </div>
+            <hr class="mt-6" />
+            <p class="text-center text-sm mt-2 mb-16">
+              {% if paginator.previous %}
+              <a
+                class="border-transparent"
+                aria-label="First page"
+                href="{{ paginator.first }}"
+                >{% include "partials/icons/svgPrevPageIcon.html" %}{% include
+                "partials/icons/svgPrevPageIcon.html" %}</a
+              >
+              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+              <a
+                class="border-transparent"
+                aria-label="Previous page"
+                href="{{ paginator.previous }}"
+                >{% include "partials/icons/svgPrevPageIcon.html" %}</a
+              >
+              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% else %} {%
+              include "partials/icons/svgFirstPageIcon.html" %}{% include
+              "partials/icons/svgFirstPageIcon.html" %}
+              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% include
+              "partials/icons/svgFirstPageIcon.html" %}
+              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% endif %} {% if
+              paginator.next %}
+              <a
+                class="border-transparent"
+                aria-label="Next page"
+                href="{{ paginator.next }}"
+                >{% include "partials/icons/svgNextPageIcon.html" %}</a
+              >
+              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+              <a
+                class="border-transparent"
+                aria-label="Last page"
+                href="{{ paginator.last }}"
+                >{% include "partials/icons/svgNextPageIcon.html" %}{% include
+                "partials/icons/svgNextPageIcon.html" %}</a
+              >
+              {% else %} {% include "partials/icons/svgLastPageIcon.html" %}
+              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% include
+              "partials/icons/svgLastPageIcon.html" %}{% include
+              "partials/icons/svgLastPageIcon.html" %} {% endif %}
+            </p>
+        </div>
+    </div>
+
+</div>
+
+{% endblock content %}
+
 
diff --git a/templates/partials/filter_bar.html b/templates/partials/filter_bar.html
index 57257e0f5..04e549cc0 100644
--- a/templates/partials/filter_bar.html
+++ b/templates/partials/filter_bar.html
@@ -20,7 +20,7 @@
             <ul class="list-none sm:flex justify-left capitalize transition-all transition-500 ">
                 <li class="flex items-center">
                     <div class="relative">
-                        <button id="filter-btn" class="rounded border-0 !shadow-none flex flex-row items-center w-full md:w-auto md:inline md:mt-0 mb-0 animated-link bg-gray-300">
+                        <button id="filter-btn" class="rounded border-0 px-5 !shadow-none flex flex-row items-center w-full md:w-auto md:inline md:mt-0 mb-0 animated-link bg-gray-300">
                             <span class="capitalize">{{category | replace(from='-', to=' ' ) | title}}</span>
                             <svg data-v-21fd5df0="" fill="currentColor" viewBox="0 0 20 20" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1 rotate-180"><path data-v-21fd5df0="" fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
                         </button>
diff --git a/templates/partials/memberships.html b/templates/partials/memberships.html
index 4c4781fb6..9e9c074df 100644
--- a/templates/partials/memberships.html
+++ b/templates/partials/memberships.html
@@ -18,6 +18,7 @@
             <h1 class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal">
             {{category | replace(from='-', to=' ' ) | title}}
             </h1>
+            test
             <div class="text-xl text-gray-800">
                 {{ paginator.total_pages ~ " People"}}
             </div>