diff --git a/python/web/src/static/themes/modern/icons/external-link.svg b/python/web/src/static/themes/modern/icons/external-link.svg
new file mode 100644
index 00000000..6236df3e
--- /dev/null
+++ b/python/web/src/static/themes/modern/icons/external-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
\ No newline at end of file
diff --git a/python/web/src/static/themes/modern/style.css b/python/web/src/static/themes/modern/style.css
index e057da98..ad993af2 100644
--- a/python/web/src/static/themes/modern/style.css
+++ b/python/web/src/static/themes/modern/style.css
@@ -971,6 +971,10 @@ section#services li.disabled {
   background: url("icons/cloud-off.svg") no-repeat left center;
 }
 
+section#services li.extlink {
+  background: url("icons/external-link.svg") no-repeat left center;
+}
+
 /*
  ------------------------------------------------------------------------------
  Drives page
diff --git a/python/web/src/templates/admin.html b/python/web/src/templates/admin.html
index c28d41a4..dd7e54fb 100644
--- a/python/web/src/templates/admin.html
+++ b/python/web/src/templates/admin.html
@@ -120,18 +120,20 @@
 <ul class="service_status">
     {% if netatalk_configured %}
     <li class="service-item enabled">
-        {{ _("Mac AFP file sharing is enabled.") }}
+      {{ _("Mac AFP file sharing is enabled.") }}
     {% else %}
     <li class="service-item disabled">
         {{ _("Mac AFP file sharing is disabled.") }}
     {% endif %}
     </li>
     {% if webmin_configured %}
-    <li>
-        <a href="https://{{ env["ip_addr"] }}:10000/netatalk2/" target=\"_blank\">
-        {{ _("Manage the AFP server") }}
-        </a>
-    </li>
+    <ul>
+        <li class="service-item extlink">
+            <a href="../webmin/netatalk2/" target=\"_blank\">
+            {{ _("Manage the AFP server") }}
+            </a>
+        </li>
+    </ul>
     {% endif %}
     {% if samba_configured %}
     <li class="service-item enabled">
@@ -142,11 +144,13 @@
     {% endif %}
     </li>
     {% if webmin_configured %}
-    <li>
-        <a href="https://{{ env["ip_addr"] }}:10000/samba/" target=\"_blank\">
-        {{ _("Manage the SMB server") }}
-        </a>
-    </li>
+    <ul>
+        <li class="service-item extlink">
+            <a href="../webmin/samba/" target=\"_blank\">
+            {{ _("Manage the SMB server") }}
+            </a>
+        </li>
+    </ul>
     {% endif %}
     {% if ftp_configured %}
     <li class="service-item enabled">