diff --git a/packages/console/src/pages/ApiResourceDetails/index.module.scss b/packages/console/src/pages/ApiResourceDetails/index.module.scss
index 3aa2e6fad..648c6e499 100644
--- a/packages/console/src/pages/ApiResourceDetails/index.module.scss
+++ b/packages/console/src/pages/ApiResourceDetails/index.module.scss
@@ -36,7 +36,10 @@
     }
   }
 
-  .operation {
+  .operations {
+    display: flex;
+    align-items: center;
+
     > *:not(:first-child) {
       margin-left: _.unit(3);
     }
diff --git a/packages/console/src/pages/ApiResourceDetails/index.tsx b/packages/console/src/pages/ApiResourceDetails/index.tsx
index ce27ab2ac..ae5323d27 100644
--- a/packages/console/src/pages/ApiResourceDetails/index.tsx
+++ b/packages/console/src/pages/ApiResourceDetails/index.tsx
@@ -85,7 +85,7 @@ const ApiResourceDetails = () => {
                 <CopyToClipboard value={data.indicator} />
               </div>
             </div>
-            <div className={styles.operation}>
+            <div className={styles.operations}>
               <Button title="admin_console.api_resource_details.check_help_guide" />
               <ActionMenu
                 buttonProps={{ icon: <More /> }}