adjust CopyDropdown style

packages/app/src/components/PagePathNav.tsx

@@ -36,7 +36,7 @@ const PagePathNav: FC<Props> = (props: Props) => {
   }
 
   const copyDropdownId = `copydropdown${isCompactMode ? '-subnav-compact' : ''}-${pageId}`;
-  const copyDropdownToggleClassName = 'd-block text-muted bg-transparent btn-copy border-0 py-0';
+  const copyDropdownToggleClassName = 'd-block btn-outline-secondary btn-copy border-0 text-muted p-2';
 
   return (
     <div className="grw-page-path-nav">

packages/app/src/styles/atoms/_buttons.scss

@@ -28,7 +28,10 @@
 
 .btn-copy,
 .btn-edit {
-  opacity: 0.3;
+  &:not(:hover):not(:active) {
+    background-color: transparent !important;
+  }
+  opacity: 0.5;
 }
 
 .btn-edit-tags {