diff --git a/components/Staking.tsx b/components/Staking.tsx
index 29400a6..5314519 100644
--- a/components/Staking.tsx
+++ b/components/Staking.tsx
@@ -126,7 +126,7 @@ const Staking: React.FC = () => {
       </div>
 
       {delegationTokens.length === 0 && (
-        <div className="w-full bg-white shadow-md rounded-lg p-4">
+        <div className="w-full shadow-md rounded-lg p-4">
           <div className="flex flex-row gap-3 items-center">
             <div>Waiting for a staking delegation to occur</div>
             <div
@@ -171,11 +171,13 @@ const Staking: React.FC = () => {
                           valueView: {
                             value: new ValueView_KnownAssetId({
                               amount:
-                                getBalanceView.pipe(getEquivalentValues)()[0]
-                                  .equivalentAmount,
+                                getBalanceView.pipe(getEquivalentValues)(
+                                  balance,
+                                )[0].equivalentAmount,
                               metadata:
-                                getBalanceView.pipe(getEquivalentValues)()[0]
-                                  .numeraire,
+                                getBalanceView.pipe(getEquivalentValues)(
+                                  balance,
+                                )[0].numeraire,
                             }),
                             case: 'knownAssetId',
                           },
diff --git a/components/Swap.tsx b/components/Swap.tsx
index 9550f16..cbfcaa2 100644
--- a/components/Swap.tsx
+++ b/components/Swap.tsx
@@ -188,7 +188,7 @@ function SwapMonitor() {
           />
         ))
       ) : (
-        <div className="w-full p-4 bg-white shadow rounded">
+        <div className="w-full p-4 shadow rounded">
           <div className="flex flex-row gap-3">
             <span>Waiting for a swap to occur</span>
             <div className="animate-spin h-5 w-5 border-2 border-blue-500 rounded-full border-t-transparent" />