diff --git a/ui/components/app/wallet-overview/index.scss b/ui/components/app/wallet-overview/index.scss
index a790e8b7ba2e..47dc40200e69 100644
--- a/ui/components/app/wallet-overview/index.scss
+++ b/ui/components/app/wallet-overview/index.scss
@@ -9,6 +9,10 @@
   flex-direction: column;
   width: 100%;
 
+  &-fullscreen {
+    align-items: center;
+  }
+
   &__balance {
     flex: 1;
     display: flex;
@@ -16,6 +20,10 @@
     flex-direction: column;
     align-items: start;
     width: 100%;
+
+    .wallet-overview-fullscreen > & {
+      align-items: center;
+    }
   }
 
   &__icon_button {
diff --git a/ui/components/app/wallet-overview/wallet-overview.js b/ui/components/app/wallet-overview/wallet-overview.js
index 213a7b2f2317..04127276acaf 100644
--- a/ui/components/app/wallet-overview/wallet-overview.js
+++ b/ui/components/app/wallet-overview/wallet-overview.js
@@ -2,9 +2,23 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
+// TODO: Move this function to shared
+// eslint-disable-next-line import/no-restricted-paths
+import { getEnvironmentType } from '../../../../app/scripts/lib/util';
+import { ENVIRONMENT_TYPE_FULLSCREEN } from '../../../../shared/constants/app';
+
 const WalletOverview = ({ balance, buttons, className }) => {
   return (
-    <div className={classnames('wallet-overview', className)}>
+    <div
+      className={classnames(
+        'wallet-overview',
+        {
+          'wallet-overview-fullscreen':
+            getEnvironmentType() === ENVIRONMENT_TYPE_FULLSCREEN,
+        },
+        className,
+      )}
+    >
       <div className="wallet-overview__balance">{balance}</div>
       <div className="wallet-overview__buttons">{buttons}</div>
     </div>