diff --git a/manila_ui/dashboards/project/share_networks/templates/share_networks/_detail.html b/manila_ui/dashboards/project/share_networks/templates/share_networks/_detail.html
index 51858c01..855b9597 100644
--- a/manila_ui/dashboards/project/share_networks/templates/share_networks/_detail.html
+++ b/manila_ui/dashboards/project/share_networks/templates/share_networks/_detail.html
@@ -16,7 +16,7 @@
 </div>
 
 <div class="detail">
-  <h4>{% trans "Net Details" %}</h4>
+  <h4>{% trans "Network Details" %}</h4>
   <hr class="header_rule">
   <dl class="dl-horizontal">
     <dt>{% trans "Network" %}</dt>
@@ -31,19 +31,38 @@
   </dl>
 </div>
 
-<div class="detail">
-  <h4>{% trans "Security Services" %}</h4>
-  <hr class="header_rule">
-  {% for sec_service in share_network.sec_services %}
-        {% url 'horizon:project:security_services:security_service_detail' sec_service.id as sec_service_url%}
-  <dl class="dl-horizontal">
-        <dt>{% trans "Id" %}</dt>
-        <dd><a href="{{ sec_service_url }}">{{ sec_service.id }}</a></dd>
-        <dt>{% trans "Name" %}</dt>
-        <dd><a href="{{ sec_service_url }}">{{ sec_service.name }}</a></dd>
-        <dt>{% trans "Type" %}</dt>
-        <dd>{{ sec_service.type }}</dd>
-  </dl>
-  <br />
-  {% endfor %}
-</div>
+
+{% if share_network.share_servers %}
+    <div class="detail">
+        <h4>{% trans "Share Servers" %}</h4>
+        <hr class="header_rule">
+        <dl class="dl-horizontal">
+        {% for server in share_network.share_servers %}
+            <ul>
+                {% url 'horizon:admin:share_servers:share_server_detail' server.id as server_url %}
+                <li><a href="{{ server_url }}">{{ server.id }}</a></li>
+            </ul>
+        {% endfor %}
+        </dl>
+    </div>
+{% endif %}
+
+
+{% if share_network.sec_services %}
+    <div class="detail">
+      <h4>{% trans "Security Services" %}</h4>
+      <hr class="header_rule">
+      {% for sec_service in share_network.sec_services %}
+            {% url 'horizon:project:security_services:security_service_detail' sec_service.id as sec_service_url%}
+      <dl class="dl-horizontal">
+            <dt>{% trans "Id" %}</dt>
+            <dd><a href="{{ sec_service_url }}">{{ sec_service.id }}</a></dd>
+            <dt>{% trans "Name" %}</dt>
+            <dd><a href="{{ sec_service_url }}">{{ sec_service.name }}</a></dd>
+            <dt>{% trans "Type" %}</dt>
+            <dd>{{ sec_service.type }}</dd>
+      </dl>
+      <br />
+      {% endfor %}
+    </div>
+{% endif %}
diff --git a/releasenotes/notes/bug-1702396-add-share-servers-to-share-network-details-1cff66010817f1a8.yaml b/releasenotes/notes/bug-1702396-add-share-servers-to-share-network-details-1cff66010817f1a8.yaml
new file mode 100644
index 00000000..01e4bdb0
--- /dev/null
+++ b/releasenotes/notes/bug-1702396-add-share-servers-to-share-network-details-1cff66010817f1a8.yaml
@@ -0,0 +1,6 @@
+---
+fixes:
+  - |
+    Share servers are added to the share network details page. The page has
+    been modified to show share servers and security services only if any
+    exist, or are retrievable from the server.