diff --git a/pkg/systemd/services/service.jsx b/pkg/systemd/services/service.jsx
index 1f60bb754ba..239f58711a1 100644
--- a/pkg/systemd/services/service.jsx
+++ b/pkg/systemd/services/service.jsx
@@ -79,7 +79,7 @@ export class Service extends React.Component {
                       id="service-details"
                       breadcrumb={
                           <Breadcrumb>
-                              <BreadcrumbItem to={"#" + cockpit.location.href.replace(cockpit.location.path[0], '')}>{_("Services")}</BreadcrumbItem>
+                              <BreadcrumbItem to={"#" + cockpit.location.href.replace(/\/[^?]*/, '')}>{_("Services")}</BreadcrumbItem>
                               <BreadcrumbItem isActive>
                                   {this.props.unit.Id}
                               </BreadcrumbItem>
diff --git a/test/verify/check-system-services b/test/verify/check-system-services
index 0d369987c49..092fb45f976 100755
--- a/test/verify/check-system-services
+++ b/test/verify/check-system-services
@@ -238,6 +238,17 @@ Description=Delete Me Timer
 
 [Timer]
 OnCalendar=*:1/2
+""")
+        self.write_file(f"{path}/special@:-characters.service",
+                        """
+[Unit]
+Description=Service With Special Characters in Id
+
+[Service]
+ExecStart=/usr/bin/true
+
+[Install]
+WantedBy=default.target
 """)
 
         self.make_test_service(path)
@@ -266,6 +277,16 @@ OnCalendar=*:1/2
 
         b.wait_attr("#services-toolbar", "data-loading", "false")
 
+        self.wait_service_present("special@:-characters.service")
+        self.wait_service_in_panel("special@:-characters.service", "Disabled")
+        self.wait_service_state("special@:-characters.service", "inactive")
+
+        # Test breadcrumb link when service id contains special characters
+        self.goto_service("special@:-characters.service")
+        b.wait_in_text(".pf-c-breadcrumb", "special@:-characters.service")
+        b.click(".pf-c-breadcrumb a:contains('Services')")
+        b.wait_visible("#services-list")
+
         # Selects Targets tab
         self.pick_tab(2)
         b.wait_not_in_text("#services-list", "test")