diff --git a/src/components/Custom/ExtraOperationInformation.tsx b/src/components/Custom/ExtraOperationInformation.tsx
index b8325291..22e7497f 100644
--- a/src/components/Custom/ExtraOperationInformation.tsx
+++ b/src/components/Custom/ExtraOperationInformation.tsx
@@ -5,17 +5,19 @@ import { observer } from 'mobx-react';
 import { shortenHTTPVerb } from '../../utils';
 
 export interface ExtraOperationInformationProps {
+  description: string;
   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 style={{ padding: '12.5px 0', margin: '0.5rem 0' }}>
+      <div>{props.description}</div>
+      <div style={{ display: 'flex' }}>
+        <OperationBadge type={props.httpVerb}>{shortenHTTPVerb(props.httpVerb)}</OperationBadge>
+        <MenuItemTitle width="calc(100% - 38px)">{props.label}</MenuItemTitle>
+      </div>
     </div>
   );
 });