diff --git a/library/src/containers/Operations/Operation.tsx b/library/src/containers/Operations/Operation.tsx
index 51ad667dc..080e47056 100644
--- a/library/src/containers/Operations/Operation.tsx
+++ b/library/src/containers/Operations/Operation.tsx
@@ -241,6 +241,7 @@ export const OperationInfo: React.FunctionComponent<Props> = props => {
           <span
             className={`font-mono border uppercase p-1 rounded mr-2 ${borderColor}`}
             title={type}
+            id={channelName}
           >
             {typeLabel}
           </span>{' '}
diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
index 92b3d2df8..0069ab17d 100644
--- a/library/src/containers/Sidebar/Sidebar.tsx
+++ b/library/src/containers/Sidebar/Sidebar.tsx
@@ -360,7 +360,7 @@ const OperationsList: React.FunctionComponent = () => {
 interface OperationItemProps {
   channelName: string;
   summary: string;
-  kind: 'publish' | 'subscribe';
+  kind: 'subscribe' | 'publish';
 }
 
 const OperationItem: React.FunctionComponent<OperationItemProps> = ({
@@ -383,7 +383,7 @@ const OperationItem: React.FunctionComponent<OperationItemProps> = ({
     <li>
       <a
         className="flex no-underline text-gray-700 mb-2 hover:text-gray-900"
-        href={`#operation-${kind}-${channelName}`}
+        href={'#' + channelName}
         onClick={() => setShowSidebar(false)}
       >
         <span