diff --git a/netbox/templates/dcim/connections_list.html b/netbox/templates/dcim/connections_list.html
index cfe17d62f..3202f9a94 100644
--- a/netbox/templates/dcim/connections_list.html
+++ b/netbox/templates/dcim/connections_list.html
@@ -1,24 +1,56 @@
 {% extends 'base/layout.html' %}
 {% load buttons %}
+{% load helpers %}
 {% load render_table from django_tables2 %}
 
 {% block title %}{{ title }}{% endblock %}
 
 {% block extra_controls %}{% export_button content_type %}{% endblock %}
 
-{% block content %}
-    <div class="row mb-3">
-        <div class="col col-md-7 col-lg-8 col-xl-9 col-xxl-10">
-            {% include 'inc/table_controls.html' %}
+{% block tabs %}
+  <ul class="nav nav-tabs px-3">
+    {% block tab_items %}
+      <li class="nav-item" role="presentation">
+        <button class="nav-link active" id="connections-list-tab" data-bs-toggle="tab" data-bs-target="#connections-list" type="button" role="tab" aria-controls="edit-form" aria-selected="true">
+          {{ title }}
+          {% badge table.page.paginator.count %}
+        </button>
+      </li>
+      {% if filter_form %}
+        <li class="nav-item" role="presentation">
+          <button class="nav-link" id="filters-form-tab" data-bs-toggle="tab" data-bs-target="#filters-form" type="button" role="tab" aria-controls="object-list" aria-selected="false">
+            Filters
+          </button>
+        </li>
+      {% endif %}
+    {% endblock tab_items %}
+  </ul>
+{% endblock tabs %}
 
-            <div class="table-responsive">
-                {% render_table table 'inc/table.html' %}
-            </div>
+{% block content-wrapper %}
+  <div class="tab-content">
 
-            {% include 'inc/paginator.html' with paginator=table.paginator page=table.page %}
+    {# Conncetions list #}
+    <div class="tab-pane show active" id="connections-list" role="tabpanel" aria-labelledby="connections-list-tab">
+      {% include 'inc/table_controls.html' %}
+
+      <div class="card">
+        <div class="card-body">
+          <div class="table-responsive">
+            {% render_table table 'inc/table.html' %}
+          </div>
         </div>
-        {% if filter_form %}
-            {% include 'inc/filter_list.html' %}
-        {% endif %}
+      </div>
+
+      {% include 'inc/paginator.html' with paginator=table.paginator page=table.page %}
     </div>
-{% endblock %}
+
+    {# Filter form #}
+    {% if filter_form %}
+      <div class="tab-pane show" id="filters-form" role="tabpanel" aria-labelledby="filters-form-tab">
+        {% include 'inc/filter_list.html' %}
+      </div>
+    {% endif %}
+
+  </div>
+{% endblock content-wrapper %}
diff --git a/netbox/templates/dcim/rack_elevation_list.html b/netbox/templates/dcim/rack_elevation_list.html
index c9f0080da..0e3a04268 100644
--- a/netbox/templates/dcim/rack_elevation_list.html
+++ b/netbox/templates/dcim/rack_elevation_list.html
@@ -22,41 +22,70 @@
     </div>
 {% endblock %}
 
-{% block content %}
-    <div class="row">
-        <div class="col col-md-7 col-lg-8 col-xl-9 col-xxl-10">
-            {% if page %}
-                <div style="white-space: nowrap; overflow-x: scroll;">
-                    {% for rack in page %}
-                        <div style="display: inline-block; margin-right: 12px; width: 254px">
-                        <div style="margin-left: 30px">
-                            <div class="text-center">
-                                <strong><a href="{% url 'dcim:rack' pk=rack.pk %}">{{ rack.name }}</a></strong>
-                                {% if rack.role %}
-                                    <br /><span class="badge my-3" style="color: {{ rack.role.color|fgcolor }}; background-color: #{{ rack.role.color }}">{{ rack.role }}</span>
-                                {% endif %}
-                                {% if rack.facility_id %}
-                                    <br /><small class="text-muted">{{ rack.facility_id }}</small>
-                                {% endif %}
-                            </div>
-                            {% include 'dcim/inc/rack_elevation.html' with object=rack face=rack_face %}
-                            <div class="clearfix"></div>
-                            <div class="text-center">
-                                <strong><a href="{% url 'dcim:rack' pk=rack.pk %}">{{ rack.name }}</a></strong>
-                                {% if rack.facility_id %}
-                                    <small class="text-muted">({{ rack.facility_id }})</small>
-                                {% endif %}
-                            </div>
-                        </div>
-                        </div>
-                    {% endfor %}
-                </div>
-                <br />
-                {% include 'inc/paginator.html' %}
-            {% else %}
-                <p>No Racks Found</p>
-            {% endif %}
-        </div>
-        {% include 'inc/filter_list.html' %}
+{% block tabs %}
+  <ul class="nav nav-tabs px-3">
+    {% block tab_items %}
+      <li class="nav-item" role="presentation">
+        <button class="nav-link active" id="rack-elevations-tab" data-bs-toggle="tab" data-bs-target="#rack-elevations" type="button" role="tab" aria-controls="edit-form" aria-selected="true">
+          Rack Elevations
+          {% badge page.paginator.count %}
+        </button>
+      </li>
+      {% if filter_form %}
+        <li class="nav-item" role="presentation">
+          <button class="nav-link" id="filters-form-tab" data-bs-toggle="tab" data-bs-target="#filters-form" type="button" role="tab" aria-controls="object-list" aria-selected="false">
+            Filters
+          </button>
+        </li>
+      {% endif %}
+    {% endblock tab_items %}
+  </ul>
+{% endblock tabs %}
+
+{% block content-wrapper %}
+  <div class="tab-content">
+
+    {# Rack elevations #}
+    <div class="tab-pane show active" id="rack-elevations" role="tabpanel" aria-labelledby="rack-elevations-tab">
+      {% if page %}
+          <div style="white-space: nowrap; overflow-x: scroll;">
+              {% for rack in page %}
+                  <div style="display: inline-block; margin-right: 12px; width: 254px">
+                  <div style="margin-left: 30px">
+                      <div class="text-center">
+                          <strong><a href="{% url 'dcim:rack' pk=rack.pk %}">{{ rack.name }}</a></strong>
+                          {% if rack.role %}
+                              <br /><span class="badge my-3" style="color: {{ rack.role.color|fgcolor }}; background-color: #{{ rack.role.color }}">{{ rack.role }}</span>
+                          {% endif %}
+                          {% if rack.facility_id %}
+                              <br /><small class="text-muted">{{ rack.facility_id }}</small>
+                          {% endif %}
+                      </div>
+                      {% include 'dcim/inc/rack_elevation.html' with object=rack face=rack_face %}
+                      <div class="clearfix"></div>
+                      <div class="text-center">
+                          <strong><a href="{% url 'dcim:rack' pk=rack.pk %}">{{ rack.name }}</a></strong>
+                          {% if rack.facility_id %}
+                              <small class="text-muted">({{ rack.facility_id }})</small>
+                          {% endif %}
+                      </div>
+                  </div>
+                  </div>
+              {% endfor %}
+          </div>
+          <br />
+          {% include 'inc/paginator.html' %}
+      {% else %}
+          <p>No Racks Found</p>
+      {% endif %}
     </div>
-{% endblock %}
+
+    {# Filter form #}
+    {% if filter_form %}
+      <div class="tab-pane show" id="filters-form" role="tabpanel" aria-labelledby="filters-form-tab">
+        {% include 'inc/filter_list.html' %}
+      </div>
+    {% endif %}
+
+  </div>
+{% endblock content-wrapper %}
diff --git a/netbox/templates/generic/object_list.html b/netbox/templates/generic/object_list.html
index 2baabb623..4cf3fc9c4 100644
--- a/netbox/templates/generic/object_list.html
+++ b/netbox/templates/generic/object_list.html
@@ -23,78 +23,112 @@
 </div>
 {% endblock controls %}
 
-{% block content %}
-{% if table.paginator.num_pages > 1 %}
-{% with bulk_edit_url=content_type.model_class|validated_viewname:"bulk_edit" bulk_delete_url=content_type.model_class|validated_viewname:"bulk_delete" %}
-  <div id="select-all-box" class="d-none card noprint">
-    <form method="post" class="form col-md-12">
-      {% csrf_token %}
-      <div class="card-body">
-        <div class="float-end">
-          {% if bulk_edit_url and permissions.change %}
-            <button type="submit" name="_edit" formaction="{% url bulk_edit_url %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="btn btn-warning btn-sm" disabled>
-              <span class="mdi mdi-pencil" aria-hidden="true"></span> Edit All
-            </button>
-          {% endif %}
-          {% if bulk_delete_url and permissions.delete %}
-            <button type="submit" name="_delete" formaction="{% url bulk_delete_url %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="btn btn-danger btn-sm" disabled>
-              <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span> Delete All
-            </button>
-          {% endif %}
-        </div>
-        <div class="form-check">
-          <input type="checkbox" id="select-all" name="_all" class="form-check-input" />
-          <label for="select-all" class="form-check-label">
-            Select <strong>all {{ table.rows|length }} {{ table.data.verbose_name_plural }}</strong> matching query
-          </label>
+{% block tabs %}
+  <ul class="nav nav-tabs px-3">
+    {% block tab_items %}
+      <li class="nav-item" role="presentation">
+        <button class="nav-link active" id="object-list-tab" data-bs-toggle="tab" data-bs-target="#object-list" type="button" role="tab" aria-controls="edit-form" aria-selected="true">
+          {{ content_type.model_class|meta:"verbose_name_plural"|bettertitle }}
+          {% badge table.page.paginator.count %}
+        </button>
+      </li>
+      {% if filter_form %}
+        <li class="nav-item" role="presentation">
+          <button class="nav-link" id="filters-form-tab" data-bs-toggle="tab" data-bs-target="#filters-form" type="button" role="tab" aria-controls="object-list" aria-selected="false">
+            Filters
+          </button>
+        </li>
+      {% endif %}
+    {% endblock tab_items %}
+  </ul>
+{% endblock tabs %}
+
+{% block content-wrapper %}
+  <div class="tab-content">
+
+    {# Object list #}
+    <div class="tab-pane show active" id="object-list" role="tabpanel" aria-labelledby="object-list-tab">
+      {% if table.paginator.num_pages > 1 %}
+
+        {# "Select all" form #}
+        {% with bulk_edit_url=content_type.model_class|validated_viewname:"bulk_edit" bulk_delete_url=content_type.model_class|validated_viewname:"bulk_delete" %}
+          <div id="select-all-box" class="d-none card noprint">
+            <form method="post" class="form col-md-12">
+              {% csrf_token %}
+              <div class="card-body">
+                <div class="float-end">
+                  {% if bulk_edit_url and permissions.change %}
+                    <button type="submit" name="_edit" formaction="{% url bulk_edit_url %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="btn btn-warning btn-sm" disabled>
+                      <span class="mdi mdi-pencil" aria-hidden="true"></span> Edit All
+                    </button>
+                  {% endif %}
+                  {% if bulk_delete_url and permissions.delete %}
+                    <button type="submit" name="_delete" formaction="{% url bulk_delete_url %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="btn btn-danger btn-sm" disabled>
+                      <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span> Delete All
+                    </button>
+                  {% endif %}
+                </div>
+                <div class="form-check">
+                  <input type="checkbox" id="select-all" name="_all" class="form-check-input" />
+                  <label for="select-all" class="form-check-label">
+                    Select <strong>all {{ table.rows|length }} {{ table.data.verbose_name_plural }}</strong> matching query
+                  </label>
+                </div>
+              </div>
+            </form>
+          </div>
+        {% endwith %}
+      {% endif %}
+
+      {# Object table controls #}
+      {% include 'inc/table_controls.html' with table_modal="ObjectTable_config" %}
+
+      {# Object table #}
+      <div class="card">
+        <div class="card-body">
+          {% with bulk_edit_url=content_type.model_class|validated_viewname:"bulk_edit" bulk_delete_url=content_type.model_class|validated_viewname:"bulk_delete" %}
+            {% if permissions.change or permissions.delete %}
+              <form method="post" class="form form-horizontal">
+                {% csrf_token %}
+                <input type="hidden" name="return_url" value="{% if return_url %}{{ return_url }}{% else %}{{ request.path }}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}{% endif %}" />
+                <div class="table-responsive">
+                  {% render_table table 'inc/table.html' %}
+                </div>
+                <div class="noprint bulk-buttons">
+                  <div class="bulk-button-group">
+                    {% block bulk_buttons %}{% endblock %}
+                    {% if bulk_edit_url and permissions.change %}
+                      <button type="submit" name="_edit" formaction="{% url bulk_edit_url %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="btn btn-warning btn-sm">
+                        <i class="mdi mdi-pencil" aria-hidden="true"></i> Edit Selected
+                      </button>
+                    {% endif %}
+                    {% if bulk_delete_url and permissions.delete %}
+                      <button type="submit" name="_delete" formaction="{% url bulk_delete_url %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="btn btn-danger btn-sm">
+                        <i class="mdi mdi-trash-can-outline" aria-hidden="true"></i> Delete Selected
+                      </button>
+                    {% endif %}
+                  </div>
+                </div>
+              </form>
+            {% else %}
+              <div class="table-responsive">
+                {% render_table table 'inc/table.html' %}
+              </div>
+            {% endif %}
+          {% endwith %}
         </div>
       </div>
-    </form>
-  </div>
-{% endwith %}
-{% endif %}
+      {% include 'inc/paginator.html' with paginator=table.paginator page=table.page %}
+    </div>
 
-{# Object table #}
-<div class="row">
-  <div class="col {% if filter_form %}col-md-7 col-lg-8 col-xl-9 col-xxl-10{% else %}col-12{% endif %}">
-    {# Object list filter, table config #}
-    {% include 'inc/table_controls.html' with table_modal="ObjectTable_config" %}
-
-    {% with bulk_edit_url=content_type.model_class|validated_viewname:"bulk_edit" bulk_delete_url=content_type.model_class|validated_viewname:"bulk_delete" %}
-      {% if permissions.change or permissions.delete %}
-        <form method="post" class="form form-horizontal">
-          {% csrf_token %}
-          <input type="hidden" name="return_url" value="{% if return_url %}{{ return_url }}{% else %}{{ request.path }}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}{% endif %}" />
-          <div class="table-responsive">
-            {% render_table table 'inc/table.html' %}
-          </div>
-          <div class="noprint bulk-buttons">
-            <div class="bulk-button-group">
-              {% block bulk_buttons %}{% endblock %}
-              {% if bulk_edit_url and permissions.change %}
-                <button type="submit" name="_edit" formaction="{% url bulk_edit_url %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="btn btn-warning btn-sm">
-                  <i class="mdi mdi-pencil" aria-hidden="true"></i> Edit Selected
-                </button>
-              {% endif %}
-              {% if bulk_delete_url and permissions.delete %}
-                <button type="submit" name="_delete" formaction="{% url bulk_delete_url %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="btn btn-danger btn-sm">
-                  <i class="mdi mdi-trash-can-outline" aria-hidden="true"></i> Delete Selected
-                </button>
-              {% endif %}
-            </div>
-          </div>
-        </form>
-      {% else %}
-        <div class="table-responsive">
-          {% render_table table 'inc/table.html' %}
-        </div>
-      {% endif %}
-    {% endwith %}
-    {% include 'inc/paginator.html' with paginator=table.paginator page=table.page %}
+    {# Filter form #}
+    {% if filter_form %}
+      <div class="tab-pane show" id="filters-form" role="tabpanel" aria-labelledby="filters-form-tab">
+        {% include 'inc/filter_list.html' %}
+      </div>
+    {% endif %}
   </div>
-  {% if filter_form %}
-    {% include 'inc/filter_list.html' %}
-  {% endif %}
-</div>
-{% table_config_form table table_name="ObjectTable" %}
-{% endblock content %}
+
+  {# Table config form #}
+  {% table_config_form table table_name="ObjectTable" %}
+{% endblock content-wrapper %}
diff --git a/netbox/templates/inc/filter_list.html b/netbox/templates/inc/filter_list.html
index 8837a75e2..0e65acff5 100644
--- a/netbox/templates/inc/filter_list.html
+++ b/netbox/templates/inc/filter_list.html
@@ -1,65 +1,60 @@
 {% load form_helpers %}
 {% load helpers %}
 
-<div class="col col-md-5 col-lg-4 col-xl-3 col-xxl-2 noprint">
-    <form action="." method="get">
-        <div class="card small">
-            <h5 class="card-header">
-                Field Filters
-            </h5>
-            <div class="card-body overflow-visible d-flex flex-wrap justify-content-between py-3">
-                    {% for field in filter_form.hidden_fields %}
-                        {{ field }}
-                    {% endfor %}
-                    {% if filter_form.field_groups %}
-                        {% for group in filter_form.field_groups %}
-                            <div class="col col-12">
-                                {% for name in group %}
-                                    {% with field=filter_form|get_item:name %}
-                                        {% if field|widget_type == 'checkboxinput' %}
-                                            <div class="form-check mb-3">
-                                                <label class="form-check-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
-                                                {{ field }}
-                                            </div>
-                                        {% else %}
-                                            <div class="mb-3 px-2">
-                                                <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
-                                                {{ field }}
-                                            </div>
-                                        {% endif %}
-                                    {% endwith %}
-                                {% endfor %}
-                            </div>
-                            {% if forloop.counter != filter_form.field_groups|length %}
-                                <hr class="card-divider mt-0" />
-                            {% endif %}
-                        {% endfor %}
-                    {% else %}
-                        {% for field in filter_form.visible_fields %}
-                            <div class="col col-12">
-                                {% if field|widget_type == 'checkboxinput' %}
-                                    <div class="form-check mb-3">
-                                        <label class="form-check-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
-                                        {{ field }}
-                                    </div>
-                                {% else %}
-                                    <div class="mb-3 px-2">
-                                    <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
-                                    {{ field }}
-                                    </div>
-                                {% endif %}
-                            </div>
-                        {% endfor %}
-                    {% endif %}
-            </div>
-            <div class="card-footer text-end noprint border-0">
-                <button type="button" class="btn btn-sm btn-outline-danger m-1" data-reset-select>
-                    <i class="mdi mdi-backspace"></i> Reset
-                </button>
-                <button type="submit" class="btn btn-sm btn-primary m-1">
-                    <i class="mdi mdi-filter-variant"></i> Filter
-                </button>
-            </div>
-        </div>
-    </form>
-</div>
+<form action="." method="get">
+  <div class="card">
+    <div class="card-body overflow-visible d-flex flex-wrap justify-content-between py-3">
+          {% for field in filter_form.hidden_fields %}
+              {{ field }}
+          {% endfor %}
+          {% if filter_form.field_groups %}
+              {% for group in filter_form.field_groups %}
+                  <div class="col col-12">
+                      {% for name in group %}
+                          {% with field=filter_form|get_item:name %}
+                              {% if field|widget_type == 'checkboxinput' %}
+                                  <div class="form-check mb-3">
+                                      <label class="form-check-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
+                                      {{ field }}
+                                  </div>
+                              {% else %}
+                                  <div class="mb-3 px-2">
+                                      <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
+                                      {{ field }}
+                                  </div>
+                              {% endif %}
+                          {% endwith %}
+                      {% endfor %}
+                  </div>
+                  {% if forloop.counter != filter_form.field_groups|length %}
+                      <hr class="card-divider mt-0" />
+                  {% endif %}
+              {% endfor %}
+          {% else %}
+              {% for field in filter_form.visible_fields %}
+                  <div class="col col-12">
+                      {% if field|widget_type == 'checkboxinput' %}
+                          <div class="form-check mb-3">
+                              <label class="form-check-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
+                              {{ field }}
+                          </div>
+                      {% else %}
+                          <div class="mb-3 px-2">
+                          <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
+                          {{ field }}
+                          </div>
+                      {% endif %}
+                  </div>
+              {% endfor %}
+          {% endif %}
+    </div>
+    <div class="card-footer text-end noprint border-0">
+        <button type="button" class="btn btn-sm btn-outline-danger m-1" data-reset-select>
+            <i class="mdi mdi-backspace"></i> Reset
+        </button>
+        <button type="submit" class="btn btn-sm btn-primary m-1">
+            <i class="mdi mdi-filter-variant"></i> Filter
+        </button>
+    </div>
+  </div>
+</form>