diff --git a/src/packages/frontend/account/account-page.tsx b/src/packages/frontend/account/account-page.tsx
index c08980d5c1..4a0427ee54 100644
--- a/src/packages/frontend/account/account-page.tsx
+++ b/src/packages/frontend/account/account-page.tsx
@@ -229,7 +229,7 @@ export const AccountPage: React.FC = () => {
   function renderExtraContent() {
     return (
       <Space>
-        <BalanceButton />
+        {is_commercial ? <BalanceButton /> : undefined}
         <I18NSelector isWide={isWide} />
         <SignOut everywhere={false} highlight={true} narrow={!isWide} />
       </Space>
diff --git a/src/packages/frontend/purchases/balance-button.tsx b/src/packages/frontend/purchases/balance-button.tsx
index 944977ec5a..4c726e84f5 100644
--- a/src/packages/frontend/purchases/balance-button.tsx
+++ b/src/packages/frontend/purchases/balance-button.tsx
@@ -23,6 +23,7 @@ export default function BalanceButton({
   topBar?: boolean;
 }) {
   const intl = useIntl();
+  const is_commercial = useTypedRedux("customize", "is_commercial");
   const [open, setOpen] = useState<boolean>(false);
   const [loading, setLoading] = useState<boolean>(true);
   const dbBalance = useTypedRedux("account", "balance");
@@ -126,10 +127,16 @@ export default function BalanceButton({
     );
   }
 
-  return (
-    <>
-      {renderDisplay()}
-      {renderModal()}
-    </>
-  );
+  // This ensures it only shows up in commercial setups.
+  // Wherever it is used, the component shouldn't be instantiated in those cases, though.
+  if (!is_commercial) {
+    return;
+  } else {
+    return (
+      <>
+        {renderDisplay()}
+        {renderModal()}
+      </>
+    );
+  }
 }