diff --git a/library/src/containers/Operations/Operation.tsx b/library/src/containers/Operations/Operation.tsx
index cb1b76bf6..db4b3d1cd 100644
--- a/library/src/containers/Operations/Operation.tsx
+++ b/library/src/containers/Operations/Operation.tsx
@@ -23,6 +23,10 @@ interface Props {
   channel: ChannelInterface;
 }
 
+// Construct the full relative URL, including path, query parameters to avoid path overwrite when
+// location.hash is included
+const relativePathname = `${window.location.pathname}${window.location.search}`;
+
 export const Operation: React.FunctionComponent<Props> = (props) => {
   const { type = PayloadType.SEND, operation, channelName, channel } = props;
   const config = useConfig();
@@ -40,7 +44,6 @@ export const Operation: React.FunctionComponent<Props> = (props) => {
     channel.parameters() !== undefined
       ? SchemaHelpers.parametersToSchema(channel.parameters())
       : undefined;
-
   return (
     <div>
       <div className="panel-item--center px-8">
@@ -53,7 +56,7 @@ export const Operation: React.FunctionComponent<Props> = (props) => {
               {servers.map((server) => (
                 <li className="inline-block mt-2 mr-2" key={server.id()}>
                   <a
-                    href={`${window.location.pathname}#${CommonHelpers.getIdentifier(
+                    href={`${relativePathname}#${CommonHelpers.getIdentifier(
                       'server-' + server.id(),
                       config,
                     )}`}
@@ -406,7 +409,7 @@ export const OperationReplyChannelInfo: React.FunctionComponent<Props> = ({
             {servers.map((server) => (
               <li className="inline-block mt-2 mr-2" key={server.id()}>
                 <a
-                  href={`${window.location.pathname}#${CommonHelpers.getIdentifier(
+                  href={`${relativePathname}#${CommonHelpers.getIdentifier(
                     'server-' + server.id(),
                     config,
                   )}`}