diff --git a/src/components/TransactionPanel/TransactionPanel.css b/src/components/TransactionPanel/TransactionPanel.css
index b5cc2edb..0d7c7026 100644
--- a/src/components/TransactionPanel/TransactionPanel.css
+++ b/src/components/TransactionPanel/TransactionPanel.css
@@ -86,14 +86,19 @@
   }
 }
 
-.avatarDesktop {
+.avatarWrapperProviderDesktop {
   display: none;
 
   @media (--viewportLarge) {
-    display: flex;
+    display: block;
     margin-top: 119px;
   }
 }
+.avatarDesktop {
+  @media (--viewportLarge) {
+    display: flex;
+  }
+}
 
 .headingOrder {
   margin: 29px 24px 0 24px;
diff --git a/src/components/TransactionPanel/TransactionPanel.js b/src/components/TransactionPanel/TransactionPanel.js
index 29ad391a..1d43e479 100644
--- a/src/components/TransactionPanel/TransactionPanel.js
+++ b/src/components/TransactionPanel/TransactionPanel.js
@@ -240,7 +240,7 @@ export class TransactionPanelComponent extends Component {
               <AvatarMedium user={currentProvider} />
             </div>
             {isProvider ? (
-              <div className={css.avatarWrapper}>
+              <div className={css.avatarWrapperProviderDesktop}>
                 <AvatarLarge user={currentCustomer} className={css.avatarDesktop} />
               </div>
             ) : null}