diff --git a/src/components/Fields/ExtraDescriptions.tsx b/src/components/Custom/ExtraDescriptions.tsx
similarity index 100%
rename from src/components/Fields/ExtraDescriptions.tsx
rename to src/components/Custom/ExtraDescriptions.tsx
diff --git a/src/components/Custom/ExtraOperationInformation.tsx b/src/components/Custom/ExtraOperationInformation.tsx
new file mode 100644
index 00000000..b8325291
--- /dev/null
+++ b/src/components/Custom/ExtraOperationInformation.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+import { MenuItemTitle, OperationBadge } from '../SideMenu';
+import { observer } from 'mobx-react';
+import { shortenHTTPVerb } from '../../utils';
+
+export interface ExtraOperationInformationProps {
+  httpVerb: string;
+  label: string;
+}
+
+export const ExtraOperationInformation = observer((props: ExtraOperationInformationProps) => {
+  const item = props;
+
+  return (
+    <div>
+      <OperationBadge type={item.httpVerb}>{shortenHTTPVerb(item.httpVerb)}</OperationBadge>
+      <MenuItemTitle width="calc(100% - 38px)">{item.label}</MenuItemTitle>
+    </div>
+  );
+});