diff --git a/webapp/channels/src/components/profile_popover/profile_popover.scss b/webapp/channels/src/components/profile_popover/profile_popover.scss
index 12658e491e..49707bc2a2 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover.scss
+++ b/webapp/channels/src/components/profile_popover/profile_popover.scss
@@ -223,12 +223,5 @@
                 row-gap: 4px;
             }
         }
-
-        button#startCallButton {
-            &.icon-btn-disabled {
-                cursor: not-allowed;
-                opacity: 0.65;
-            }
-        }
     }
 }
diff --git a/webapp/channels/src/components/profile_popover/profile_popover.test.tsx b/webapp/channels/src/components/profile_popover/profile_popover.test.tsx
index 61de4a2eff..ffa50baaa7 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover.test.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover.test.tsx
@@ -315,7 +315,7 @@ describe('components/ProfilePopover', () => {
 
         renderWithPluginReducers(<ProfilePopover {...props}/>, initialState);
         const button = (await screen.findByLabelText('Call with user is ongoing')).closest('button');
-        expect(button?.getAttribute('aria-disabled')).toBe('true');
+        expect(button).toBeDisabled();
     });
 
     test('should not show the start call button when callsChannelState.enabled is false', async () => {
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_call_button_wrapper/index.tsx b/webapp/channels/src/components/profile_popover/profile_popover_call_button_wrapper/index.tsx
index e06b8b913f..42298a8cab 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_call_button_wrapper/index.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_call_button_wrapper/index.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import classNames from 'classnames';
 import React, {useCallback, useEffect, useState} from 'react';
 import {useIntl} from 'react-intl';
 import {useSelector} from 'react-redux';
@@ -95,7 +94,6 @@ const CallButton = ({
         id: 'webapp.mattermost.feature.start_call',
         defaultMessage: 'Start Call',
     });
-    const iconButtonClassName = classNames('btn btn-icon btn-sm style--none', {'icon-btn-disabled': disabled});
     const callButton = (
         <WithTooltip
             id='startCallTooltip'
@@ -105,8 +103,8 @@ const CallButton = ({
             <button
                 id='startCallButton'
                 type='button'
-                aria-disabled={disabled}
-                className={iconButtonClassName}
+                disabled={disabled}
+                className='btn btn-icon btn-sm style--none'
                 aria-label={startCallMessage}
             >
                 <span