disable box-shadow

packages/app/src/components/Navbar/SubNavButtons.tsx

@@ -155,12 +155,12 @@ const SubNavButtonsSubstance = (props: SubNavButtonsSubstanceProps): JSX.Element
   return (
     <div className="d-flex" style={{ gap: '2px' }}>
       {revisionId != null && (
-        <span>
+        <div className="btn-group sb-buttons" role="group" aria-label="Subscribe buttons">
           <SubscribeButton
             status={pageInfo.subscriptionStatus}
             onClick={subscribeClickhandler}
           />
-        </span>
+        </div>
       )}
       {revisionId != null && (
         <LikeButtons

packages/app/src/components/SubscribeButton.tsx

@@ -38,7 +38,7 @@ const SubscribeButton: FC<Props> = (props: Props) => {
         type="button"
         id="subscribe-button"
         onClick={props.onClick}
-        className={`btn btn-subscribe border-0 center ${buttonClass}`}
+        className={`btn btn-subscribe border-0 ${buttonClass}`}
       >
         <i className={iconClass}></i>
       </button>

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

@@ -31,6 +31,7 @@
   &:not(:disabled):not(.disabled):not(:hover) {
     background-color: transparent;
   }
+  box-shadow: none !important;
 }
 
 .btn.btn-seen-user {