diff --git a/package-lock.json b/package-lock.json
index 1a8ef3c..3bdcbfe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,14 +1,14 @@
 {
   "name": "blend-ui",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "blend-ui",
-      "version": "1.1.2",
+      "version": "1.1.3",
       "dependencies": {
-        "@blend-capital/blend-sdk": "2.0.3",
+        "@blend-capital/blend-sdk": "2.0.4",
         "@creit.tech/stellar-wallets-kit": "1.2.1",
         "@emotion/react": "^11.9.3",
         "@emotion/styled": "^11.9.3",
@@ -191,9 +191,9 @@
       }
     },
     "node_modules/@blend-capital/blend-sdk": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@blend-capital/blend-sdk/-/blend-sdk-2.0.3.tgz",
-      "integrity": "sha512-KdtHfTNA+9RVuL9nXixLYsyNw8zieKXESPyaVPE7tQ+OX5fxOKXCXZXuS3z9ohiJJBzwARoMgI6IfgEw01JJhQ==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@blend-capital/blend-sdk/-/blend-sdk-2.0.4.tgz",
+      "integrity": "sha512-t3USvFpQmD9nm7y0H3fA7CEDM/nyTis+WVP44eUFQc6DXtDqTJCpXvqN2xVanGOSfgXAI2tAO+k3vA4p73tTwg==",
       "license": "MIT",
       "dependencies": {
         "@stellar/stellar-sdk": "12.2.0",
diff --git a/package.json b/package.json
index 1a4359b..c859664 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "blend-ui",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "private": true,
   "type": "module",
   "scripts": {
@@ -12,7 +12,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@blend-capital/blend-sdk": "2.0.3",
+    "@blend-capital/blend-sdk": "2.0.4",
     "@creit.tech/stellar-wallets-kit": "1.2.1",
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
diff --git a/src/components/backstop/BackstopAPR.tsx b/src/components/backstop/BackstopAPR.tsx
index 6bbfecf..42ac2dc 100644
--- a/src/components/backstop/BackstopAPR.tsx
+++ b/src/components/backstop/BackstopAPR.tsx
@@ -1,10 +1,10 @@
 import { BackstopPoolEst, FixedMath, PoolEstimate } from '@blend-capital/blend-sdk';
-import { HelpOutline } from '@mui/icons-material';
-import { Box, Tooltip, Typography } from '@mui/material';
+import { Box, Typography } from '@mui/material';
 import { useBackstop, useBackstopPool, usePool, usePoolOracle } from '../../hooks/api';
 import { getEmissionTextFromValue, toPercentage } from '../../utils/formatter';
 import { FlameIcon } from '../common/FlameIcon';
 import { PoolComponentProps } from '../common/PoolComponentProps';
+import { TooltipText } from '../common/TooltipText';
 
 export const BackstopAPR: React.FC<PoolComponentProps> = ({ poolId, sx, ...props }) => {
   const { data: pool } = usePool(poolId);
@@ -45,28 +45,9 @@ export const BackstopAPR: React.FC<PoolComponentProps> = ({ poolId, sx, ...props
         padding: '6px',
       }}
     >
-      <Tooltip
-        title="Estimated APR based on pool interest sharing."
-        placement="top"
-        enterTouchDelay={0}
-        enterDelay={500}
-        leaveTouchDelay={3000}
-      >
-        <Box
-          sx={{
-            display: 'flex',
-            flexDirection: 'row',
-            justifyContent: 'flex-start',
-            alignItems: 'flex-end',
-            ...sx,
-          }}
-        >
-          <Typography variant="body2" color={'text.secondary'}>
-            {'Backstop APR'}
-          </Typography>
-          <HelpOutline sx={{ marginLeft: '6px', width: '15px', color: 'text.secondary' }} />
-        </Box>
-      </Tooltip>
+      <TooltipText tooltip="Estimated APR based on pool interest sharing." width="100%">
+        Backstop APR
+      </TooltipText>
       <Box
         sx={{
           display: 'flex',
diff --git a/src/components/backstop/BackstopPreviewBar.tsx b/src/components/backstop/BackstopPreviewBar.tsx
index 4173ddc..43f2442 100644
--- a/src/components/backstop/BackstopPreviewBar.tsx
+++ b/src/components/backstop/BackstopPreviewBar.tsx
@@ -1,7 +1,6 @@
 import { BackstopPoolEst, BackstopPoolUserEst } from '@blend-capital/blend-sdk';
-import { HelpOutline } from '@mui/icons-material';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import { Box, Tooltip, useTheme } from '@mui/material';
+import { Box, useTheme } from '@mui/material';
 import { useSettings, ViewType } from '../../contexts';
 import { useBackstop, useBackstopPool, useBackstopPoolUser } from '../../hooks/api';
 import { toBalance } from '../../utils/formatter';
@@ -64,46 +63,29 @@ export const BackstopPreviewBar: React.FC<PoolComponentProps> = ({ poolId }) =>
         >
           <PoolStatusBox titleColor="inherit" type="large" status="Active" />
         </Box>
-        <Tooltip
-          title="The amount of capital insuring this pool."
-          placement="top"
-          enterTouchDelay={0}
-          enterDelay={500}
-          leaveTouchDelay={3000}
+        <Box
+          sx={{
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            marginLeft: 'auto',
+            marginRight: '23px',
+          }}
         >
-          <Box
-            sx={{
-              display: 'flex',
-              justifyContent: 'space-between',
-              alignItems: 'center',
-              marginLeft: 'auto',
-              marginRight: '23px',
-            }}
-          >
-            <Box sx={{ display: 'flex', flexDirection: 'row' }}>
-              <StackedText
-                title="Total Backstop Size"
-                titleColor="inherit"
-                text={`$${toBalance(backstopPoolEst.totalSpotValue)}`}
-                textColor="inherit"
-                type="large"
-              />
-              <HelpOutline
-                sx={{
-                  color: theme.palette.text.secondary,
-                  width: '15px',
-                  marginLeft: '4px',
-                  marginTop: '-4px',
-                }}
-              />
-            </Box>
-            <Icon
-              src={'/icons/dashboard/bkstp_size.svg'}
-              alt={`backstop size icon`}
-              sx={{ marginLeft: '12px' }}
-            />
-          </Box>
-        </Tooltip>
+          <StackedText
+            title="Total Backstop Size"
+            titleColor="inherit"
+            text={`$${toBalance(backstopPoolEst.totalSpotValue)}`}
+            textColor="inherit"
+            type="large"
+            tooltip="The amount of capital insuring this pool."
+          />
+          <Icon
+            src={'/icons/dashboard/bkstp_size.svg'}
+            alt={`backstop size icon`}
+            sx={{ marginLeft: '12px' }}
+          />
+        </Box>
       </Box>
       <LinkBox
         sx={{ width: viewTypeRegular ? '45%' : '100%', display: 'flex' }}
diff --git a/src/components/backstop/BackstopQueueItem.tsx b/src/components/backstop/BackstopQueueItem.tsx
index 256aeb3..178fe92 100644
--- a/src/components/backstop/BackstopQueueItem.tsx
+++ b/src/components/backstop/BackstopQueueItem.tsx
@@ -1,9 +1,11 @@
-import { PoolBackstopActionArgs, Q4W } from '@blend-capital/blend-sdk';
+import { BackstopContract, PoolBackstopActionArgs, Q4W } from '@blend-capital/blend-sdk';
 import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
-import { Box, CircularProgress, Tooltip, Typography } from '@mui/material';
-import { ReactNode, useEffect, useState } from 'react';
+import { Box, CircularProgress, SxProps, Theme, Tooltip, Typography } from '@mui/material';
+import { SorobanRpc } from '@stellar/stellar-sdk';
+import { useEffect, useState } from 'react';
 import { useSettings, ViewType } from '../../contexts';
 import { useWallet } from '../../contexts/wallet';
+import { useSimulateOperation } from '../../hooks/api';
 import theme from '../../theme';
 import { toBalance, toTimeSpan } from '../../utils/formatter';
 import { Icon } from '../common/Icon';
@@ -22,10 +24,27 @@ export const BackstopQueueItem: React.FC<BackstopQueueItemProps> = ({
   first,
   poolId,
 }) => {
-  const { connected, walletAddress, backstopDequeueWithdrawal, backstopWithdraw } = useWallet();
-
+  const { connected, walletAddress, backstopDequeueWithdrawal, backstopWithdraw, restore } =
+    useWallet();
   const { viewType } = useSettings();
 
+  const backstop = new BackstopContract(process.env.NEXT_PUBLIC_BACKSTOP ?? '');
+  const actionArgs: PoolBackstopActionArgs = {
+    from: walletAddress,
+    pool_address: poolId,
+    amount: q4w.amount,
+  };
+  // the BackstopQueueMod sets the expiration for unlocked withdrawals to 0
+  const sim_op =
+    q4w.exp === BigInt(0) ? backstop.withdraw(actionArgs) : backstop.dequeueWithdrawal(actionArgs);
+  const {
+    data: simResult,
+    isLoading,
+    refetch: refetchSim,
+  } = useSimulateOperation(sim_op, q4w.exp === BigInt(0) || first);
+  const isRestore =
+    isLoading === false && simResult !== undefined && SorobanRpc.Api.isSimulationRestore(simResult);
+
   const TOTAL_QUEUE_TIME_SECONDS = 21 * 24 * 60 * 60;
 
   const [timeLeft, setTimeLeft] = useState<number>(
@@ -42,13 +61,8 @@ export const BackstopQueueItem: React.FC<BackstopQueueItemProps> = ({
     return () => clearInterval(refreshInterval);
   }, [q4w]);
 
-  const handleClick = async (amount: bigint) => {
+  const handleClick = async () => {
     if (connected) {
-      let actionArgs: PoolBackstopActionArgs = {
-        from: walletAddress,
-        pool_address: poolId,
-        amount: BigInt(amount),
-      };
       if (timeLeft > 0) {
         await backstopDequeueWithdrawal(actionArgs, false);
       } else {
@@ -57,19 +71,58 @@ export const BackstopQueueItem: React.FC<BackstopQueueItemProps> = ({
     }
   };
 
-  const wrapButtonTooptip = (condition: boolean, children: ReactNode) => {
-    return condition ? (
+  const handleRestore = async () => {
+    if (simResult && SorobanRpc.Api.isSimulationRestore(simResult)) {
+      await restore(simResult);
+      refetchSim();
+    }
+  };
+
+  const queueItemActionButton = (sx: SxProps<Theme>) => {
+    const needsTooltip = !first || isRestore;
+    const tooltipMessage = !first
+      ? 'You can only unqueue the oldest withdrawal'
+      : 'This transaction ran into expired entries which need to be restored before proceeding.';
+
+    return needsTooltip ? (
       <Tooltip
-        title="You can only unqueue the oldest withdrawal"
+        title={tooltipMessage}
         placement="top"
         enterTouchDelay={0}
         enterDelay={500}
         leaveTouchDelay={3000}
       >
-        <span>{children}</span>
+        <Box sx={sx}>
+          {isRestore ? (
+            <OpaqueButton
+              onClick={() => handleRestore()}
+              palette={theme.palette.warning}
+              disabled={false}
+              sx={{ width: '100%' }}
+            >
+              Restore
+            </OpaqueButton>
+          ) : (
+            <OpaqueButton
+              onClick={() => handleClick()}
+              palette={theme.palette.positive}
+              disabled={!first}
+              sx={{ width: '100%' }}
+            >
+              {timeLeft > 0 ? 'Unqueue' : 'Withdraw'}
+            </OpaqueButton>
+          )}
+        </Box>
       </Tooltip>
     ) : (
-      children
+      <OpaqueButton
+        onClick={() => handleClick()}
+        palette={theme.palette.positive}
+        disabled={!first}
+        sx={sx}
+      >
+        {timeLeft > 0 ? 'Unqueue' : 'Withdraw'}
+      </OpaqueButton>
     );
   };
 
@@ -137,32 +190,10 @@ export const BackstopQueueItem: React.FC<BackstopQueueItemProps> = ({
           </Box>
         </Box>
         {viewType === ViewType.REGULAR &&
-          wrapButtonTooptip(
-            !first,
-            <OpaqueButton
-              onClick={() => handleClick(q4w.amount)}
-              palette={theme.palette.positive}
-              disabled={!first}
-              sx={{ height: '35px', width: '108px', margin: '12px', padding: '6px' }}
-            >
-              {timeLeft > 0 ? 'Unqueue' : 'Withdraw'}
-            </OpaqueButton>
-          )}
+          queueItemActionButton({ height: '35px', width: '108px', margin: '12px' })}
       </Row>
       {viewType !== ViewType.REGULAR && (
-        <Row>
-          {wrapButtonTooptip(
-            !first,
-            <OpaqueButton
-              onClick={() => handleClick(q4w.amount)}
-              palette={theme.palette.positive}
-              disabled={!first}
-              sx={{ height: '35px', width: '100%', margin: '12px', padding: '6px' }}
-            >
-              {timeLeft > 0 ? 'Unqueue' : 'Withdraw'}
-            </OpaqueButton>
-          )}
-        </Row>
+        <Row>{queueItemActionButton({ height: '35px', width: '100%', margin: '12px' })}</Row>
       )}
     </>
   );
diff --git a/src/components/borrow/BorrowMarketList.tsx b/src/components/borrow/BorrowMarketList.tsx
index 0e66805..781a7d5 100644
--- a/src/components/borrow/BorrowMarketList.tsx
+++ b/src/components/borrow/BorrowMarketList.tsx
@@ -1,9 +1,9 @@
-import HelpOutline from '@mui/icons-material/HelpOutline';
-import { Box, Tooltip, Typography } from '@mui/material';
+import { Box, Typography } from '@mui/material';
 import { ViewType, useSettings } from '../../contexts';
 import { usePool } from '../../hooks/api';
 import { PoolComponentProps } from '../common/PoolComponentProps';
 import { Skeleton } from '../common/Skeleton';
+import { TooltipText } from '../common/TooltipText';
 import { BorrowMarketCard } from './BorrowMarketCard';
 
 export const BorrowMarketList: React.FC<PoolComponentProps> = ({ poolId }) => {
@@ -50,36 +50,19 @@ export const BorrowMarketList: React.FC<PoolComponentProps> = ({ poolId }) => {
         >
           Available
         </Typography>
-        <Typography
-          variant="body2"
-          color="text.secondary"
-          align="center"
-          sx={{ width: headerWidth }}
+        <TooltipText
+          tooltip="The interest rate charged for a borrowed position. This rate will fluctuate based on the market conditions and is accrued to the borrowed position."
+          width={headerWidth}
         >
           APR
-        </Typography>
+        </TooltipText>
         {viewType !== ViewType.MOBILE && (
-          <Tooltip
-            title="The percent of this asset's value subtracted from your borrow capacity."
-            placement="top"
-            enterTouchDelay={0}
-            enterDelay={500}
-            leaveTouchDelay={3000}
+          <TooltipText
+            tooltip="The percent of this asset's value subtracted from your borrow capacity."
+            width={headerWidth}
           >
-            <Box sx={{ display: 'flex', flexDirection: 'row', width: headerWidth }}>
-              <Typography variant="body2" color="text.secondary" align="center">
-                Liability Factor
-              </Typography>
-              <HelpOutline
-                sx={{
-                  color: 'text.secondary',
-                  width: '15px',
-                  marginTop: '-4px',
-                  marginLeft: '4px',
-                }}
-              />
-            </Box>
-          </Tooltip>
+            Liability Factor
+          </TooltipText>
         )}
 
         <Box sx={{ width: viewType === ViewType.MOBILE ? 'auto' : headerWidth }} />
diff --git a/src/components/borrow/BorrowPositionCard.tsx b/src/components/borrow/BorrowPositionCard.tsx
index 7d83af3..440aa4d 100644
--- a/src/components/borrow/BorrowPositionCard.tsx
+++ b/src/components/borrow/BorrowPositionCard.tsx
@@ -30,7 +30,9 @@ export const BorrowPositionCard: React.FC<BorrowPositionCardProps> = ({
 
   const tableNum = viewType === ViewType.REGULAR ? 5 : 3;
   const tableWidth = `${(100 / tableNum).toFixed(2)}%`;
-  const buttonWidth = `${((100 / tableNum) * 1.5).toFixed(2)}%`;
+  const buttonWidth = `${((100 / tableNum) * (viewType === ViewType.REGULAR ? 1.5 : 1)).toFixed(
+    2
+  )}%`;
 
   const emissionsPerAsset = reserve.emissionsPerYearPerBorrowedAsset();
 
diff --git a/src/components/borrow/BorrowPositionList.tsx b/src/components/borrow/BorrowPositionList.tsx
index 4a0840b..bb59b2a 100644
--- a/src/components/borrow/BorrowPositionList.tsx
+++ b/src/components/borrow/BorrowPositionList.tsx
@@ -5,6 +5,7 @@ import { usePool, usePoolOracle, usePoolUser } from '../../hooks/api';
 import { PoolComponentProps } from '../common/PoolComponentProps';
 import { Row } from '../common/Row';
 import { Section, SectionSize } from '../common/Section';
+import { TooltipText } from '../common/TooltipText';
 import { BorrowBanner } from './BorrowBanner';
 import { BorrowPositionCard } from './BorrowPositionCard';
 
@@ -70,14 +71,12 @@ export const BorrowPositionList: React.FC<PoolComponentProps> = ({ poolId }) =>
               Balance
             </Typography>
 
-            <Typography
-              variant="body2"
-              color="text.secondary"
-              align="center"
-              sx={{ width: headerWidth }}
+            <TooltipText
+              tooltip="The interest rate charged for a borrowed position. This rate will fluctuate based on the market conditions and is accrued to the borrowed position."
+              width={headerWidth}
             >
               APR
-            </Typography>
+            </TooltipText>
 
             <Box
               sx={{ flexGrow: '2', width: viewType === ViewType.MOBILE ? '24px' : headerWidth }}
diff --git a/src/components/common/StackedText.tsx b/src/components/common/StackedText.tsx
index b21287d..b2a7159 100644
--- a/src/components/common/StackedText.tsx
+++ b/src/components/common/StackedText.tsx
@@ -1,5 +1,6 @@
 import { Box, BoxProps, Typography } from '@mui/material';
 import React, { ReactElement } from 'react';
+import { TooltipText } from './TooltipText';
 
 export interface StackedTextProps extends BoxProps {
   title: string;
@@ -7,6 +8,7 @@ export interface StackedTextProps extends BoxProps {
   type?: 'normal' | 'large' | undefined;
   titleColor?: string | undefined;
   textColor?: string | undefined;
+  tooltip?: string;
 }
 
 export const StackedText: React.FC<StackedTextProps> = ({
@@ -15,12 +17,14 @@ export const StackedText: React.FC<StackedTextProps> = ({
   type,
   titleColor,
   textColor,
+  tooltip,
   ...props
 }) => {
   const textType = type ? type : 'normal';
   const textVariant = textType == 'large' ? 'h2' : 'h4';
   const muiTitleColor = titleColor ? titleColor : 'text.secondary';
   const muiTextColor = textColor ? textColor : 'text.primary';
+  const hasTooltip = tooltip !== undefined && tooltip !== '';
   return (
     <Box
       sx={{
@@ -31,9 +35,15 @@ export const StackedText: React.FC<StackedTextProps> = ({
         ...props.sx,
       }}
     >
-      <Typography variant="body2" color={muiTitleColor}>
-        {title}
-      </Typography>
+      {hasTooltip ? (
+        <TooltipText tooltip={tooltip} width="auto" textVariant="body2" textColor={muiTitleColor}>
+          {title}
+        </TooltipText>
+      ) : (
+        <Typography variant="body2" color={muiTitleColor}>
+          {title}
+        </Typography>
+      )}
       <Typography variant={textVariant} color={muiTextColor}>
         {text}
       </Typography>
diff --git a/src/components/common/TooltipText.tsx b/src/components/common/TooltipText.tsx
new file mode 100644
index 0000000..80b9b6e
--- /dev/null
+++ b/src/components/common/TooltipText.tsx
@@ -0,0 +1,67 @@
+import { Box, BoxProps, Tooltip, Typography } from '@mui/material';
+import React from 'react';
+
+import { HelpOutline } from '@mui/icons-material';
+
+export interface TooltipTextProps extends BoxProps {
+  tooltip: string;
+  width: string;
+  textColor?: string;
+  textVariant?:
+    | 'inherit'
+    | 'button'
+    | 'caption'
+    | 'h1'
+    | 'h2'
+    | 'h3'
+    | 'h4'
+    | 'h5'
+    | 'h6'
+    | 'overline'
+    | 'subtitle1'
+    | 'subtitle2'
+    | 'body1'
+    | 'body2';
+}
+
+export const TooltipText: React.FC<TooltipTextProps> = ({
+  tooltip,
+  width,
+  children,
+  textColor = 'text.secondary',
+  textVariant = 'body2',
+  sx,
+}) => {
+  return (
+    <Box width={width}>
+      <Tooltip
+        title={tooltip}
+        placement="top"
+        enterTouchDelay={0}
+        enterDelay={500}
+        leaveTouchDelay={3000}
+      >
+        <Box
+          sx={{
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'row',
+            ...sx,
+          }}
+        >
+          <Typography variant={textVariant} color={textColor} align="center">
+            {children}
+          </Typography>
+          <HelpOutline
+            sx={{
+              color: 'text.secondary',
+              width: '15px',
+              marginLeft: '4px',
+            }}
+          />
+        </Box>
+      </Tooltip>
+    </Box>
+  );
+};
diff --git a/src/components/lend/LendMarketList.tsx b/src/components/lend/LendMarketList.tsx
index 1ae0849..cc80b01 100644
--- a/src/components/lend/LendMarketList.tsx
+++ b/src/components/lend/LendMarketList.tsx
@@ -1,9 +1,9 @@
-import HelpOutline from '@mui/icons-material/HelpOutline';
-import { Box, Tooltip, Typography } from '@mui/material';
+import { Box, Typography } from '@mui/material';
 import { ViewType, useSettings } from '../../contexts';
 import { usePool } from '../../hooks/api';
 import { PoolComponentProps } from '../common/PoolComponentProps';
 import { Skeleton } from '../common/Skeleton';
+import { TooltipText } from '../common/TooltipText';
 import { LendMarketCard } from './LendMarketCard';
 
 export const LendMarketList: React.FC<PoolComponentProps> = ({ poolId }) => {
@@ -49,37 +49,20 @@ export const LendMarketList: React.FC<PoolComponentProps> = ({ poolId }) => {
           Wallet Balance
         </Typography>
 
-        <Typography
-          variant="body2"
-          color="text.secondary"
-          align="center"
-          sx={{ width: headerWidth }}
+        <TooltipText
+          tooltip="The interest rate earned on a supplied position. This rate will fluctuate based on the market conditions and is accrued to the supplied position."
+          width={headerWidth}
         >
           APR
-        </Typography>
+        </TooltipText>
 
         {viewType !== ViewType.MOBILE && (
-          <Tooltip
-            title="The percent of this asset's value added to your borrow capacity."
-            placement="top"
-            enterTouchDelay={0}
-            enterDelay={500}
-            leaveTouchDelay={3000}
+          <TooltipText
+            tooltip="The percent of this asset's value added to your borrow capacity."
+            width={headerWidth}
           >
-            <Box sx={{ display: 'flex', flexDirection: 'row' }}>
-              <Typography variant="body2" color="text.secondary" align="center">
-                Collateral Factor
-              </Typography>
-              <HelpOutline
-                sx={{
-                  color: 'text.secondary',
-                  width: '15px',
-                  marginTop: '-4px',
-                  marginLeft: '4px',
-                }}
-              />
-            </Box>
-          </Tooltip>
+            Collateral Factor
+          </TooltipText>
         )}
         <Box sx={{ width: viewType === ViewType.MOBILE ? 'auto' : headerWidth }} />
       </Box>
diff --git a/src/components/lend/LendPositionCard.tsx b/src/components/lend/LendPositionCard.tsx
index 5855f69..2f5c8d0 100644
--- a/src/components/lend/LendPositionCard.tsx
+++ b/src/components/lend/LendPositionCard.tsx
@@ -32,7 +32,9 @@ export const LendPositionCard: React.FC<LendPositionCardProps> = ({
 
   const tableNum = viewType === ViewType.REGULAR ? 5 : 3;
   const tableWidth = `${(100 / tableNum).toFixed(2)}%`;
-  const buttonWidth = `${((100 / tableNum) * 1.5).toFixed(2)}%`;
+  const buttonWidth = `${((100 / tableNum) * (viewType === ViewType.REGULAR ? 1.5 : 1)).toFixed(
+    2
+  )}%`;
 
   const viewTypeIsMobile = viewType === ViewType.MOBILE;
   return (
diff --git a/src/components/lend/LendPositionList.tsx b/src/components/lend/LendPositionList.tsx
index d99fa16..b5f6b56 100644
--- a/src/components/lend/LendPositionList.tsx
+++ b/src/components/lend/LendPositionList.tsx
@@ -5,6 +5,7 @@ import { usePool, usePoolOracle, usePoolUser } from '../../hooks/api';
 import { PoolComponentProps } from '../common/PoolComponentProps';
 import { Row } from '../common/Row';
 import { Section, SectionSize } from '../common/Section';
+import { TooltipText } from '../common/TooltipText';
 import { LendBanner } from './LendBanner';
 import { LendPositionCard } from './LendPositionCard';
 
@@ -70,14 +71,12 @@ export const LendPositionList: React.FC<PoolComponentProps> = ({ poolId }) => {
               Balance
             </Typography>
 
-            <Typography
-              variant="body2"
-              color="text.secondary"
-              align="center"
-              sx={{ width: headerWidth }}
+            <TooltipText
+              tooltip="The interest rate earned on a supplied position. This rate will fluctuate based on the market conditions and is accrued to the supplied position."
+              width={headerWidth}
             >
               APR
-            </Typography>
+            </TooltipText>
 
             <Box
               sx={{ flexGrow: '2', width: viewType === ViewType.MOBILE ? '24px' : headerWidth }}
diff --git a/src/hooks/api.ts b/src/hooks/api.ts
index 150a45c..d4fc565 100644
--- a/src/hooks/api.ts
+++ b/src/hooks/api.ts
@@ -9,7 +9,16 @@ import {
   Reserve,
   UserBalance,
 } from '@blend-capital/blend-sdk';
-import { Address, Asset, Horizon, SorobanRpc } from '@stellar/stellar-sdk';
+import {
+  Account,
+  Address,
+  Asset,
+  BASE_FEE,
+  Horizon,
+  SorobanRpc,
+  TransactionBuilder,
+  xdr,
+} from '@stellar/stellar-sdk';
 import { useQuery, useQueryClient, UseQueryResult } from '@tanstack/react-query';
 import { useSettings } from '../contexts';
 import { useWallet } from '../contexts/wallet';
@@ -299,6 +308,40 @@ export function useTokenBalance(
   });
 }
 
+/**
+ * Fetch the simulating result for a given operation.
+ * @param operation_str - The operation XDR string in base64
+ * @param enabled - Whether the query is enabled (optional - defaults to true)
+ * @returns Query result with the simulation transaction response.
+ */
+export function useSimulateOperation<T>(
+  operation_str: string,
+  enabled: boolean = true
+): UseQueryResult<SorobanRpc.Api.SimulateTransactionResponse> {
+  const { walletAddress, connected } = useWallet();
+  const { network } = useSettings();
+  return useQuery({
+    staleTime: USER_STALE_TIME,
+    queryKey: ['sim', operation_str],
+    enabled: enabled && connected && walletAddress !== '',
+    queryFn: async () => {
+      if (walletAddress === '') {
+        throw new Error('No wallet address');
+      }
+      let operation = xdr.Operation.fromXDR(operation_str, 'base64');
+      let rpc = new SorobanRpc.Server(network.rpc, network.opts);
+      const account = new Account(walletAddress, '123');
+      const tx_builder = new TransactionBuilder(account, {
+        networkPassphrase: network.passphrase,
+        fee: BASE_FEE,
+        timebounds: { minTime: 0, maxTime: Math.floor(Date.now() / 1000) + 5 * 60 * 1000 },
+      }).addOperation(operation);
+      const transaction = tx_builder.build();
+      return await rpc.simulateTransaction(transaction);
+    },
+  });
+}
+
 //********** Misc Data **********//
 
 /**
diff --git a/src/pages/backstop-deposit.tsx b/src/pages/backstop-deposit.tsx
index c243970..cc1bb4d 100644
--- a/src/pages/backstop-deposit.tsx
+++ b/src/pages/backstop-deposit.tsx
@@ -1,6 +1,5 @@
 import { BackstopPoolEst, BackstopPoolUserEst } from '@blend-capital/blend-sdk';
-import { HelpOutline } from '@mui/icons-material';
-import { Box, Tooltip, Typography, useTheme } from '@mui/material';
+import { Box, Typography, useTheme } from '@mui/material';
 import type { NextPage } from 'next';
 import { useRouter } from 'next/router';
 import { BackstopAPR } from '../components/backstop/BackstopAPR';
@@ -90,29 +89,12 @@ const BackstopDeposit: NextPage = () => {
           <BackstopAPR poolId={safePoolId} />
         </Section>
         <Section width={SectionSize.THIRD}>
-          <Tooltip
-            title="Percent of capital insuring this pool queued for withdrawal (Q4W). A higher percent indicates potential risks."
-            placement="top"
-            enterTouchDelay={0}
-            enterDelay={500}
-            leaveTouchDelay={3000}
-          >
-            <Box sx={{ display: 'flex', flexDirection: 'row' }}>
-              <StackedText
-                title="Q4W"
-                text={toPercentage(backstopPoolEst?.q4wPercentage)}
-                sx={{ width: '100%', padding: '6px' }}
-              ></StackedText>
-              <HelpOutline
-                sx={{
-                  marginLeft: '-10px',
-                  marginTop: '9px',
-                  width: '15px',
-                  color: 'text.secondary',
-                }}
-              />
-            </Box>
-          </Tooltip>
+          <StackedText
+            title="Q4W"
+            text={toPercentage(backstopPoolEst?.q4wPercentage)}
+            sx={{ width: '100%', padding: '6px' }}
+            tooltip="Percent of capital insuring this pool queued for withdrawal (Q4W). A higher percent indicates potential risks."
+          ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
diff --git a/src/pages/backstop-q4w.tsx b/src/pages/backstop-q4w.tsx
index abeb91c..ef0d18f 100644
--- a/src/pages/backstop-q4w.tsx
+++ b/src/pages/backstop-q4w.tsx
@@ -1,6 +1,5 @@
 import { BackstopPoolEst, BackstopPoolUserEst } from '@blend-capital/blend-sdk';
-import { HelpOutline } from '@mui/icons-material';
-import { Box, Tooltip, Typography, useTheme } from '@mui/material';
+import { Box, Typography, useTheme } from '@mui/material';
 import type { NextPage } from 'next';
 import { useRouter } from 'next/router';
 import { BackstopAPR } from '../components/backstop/BackstopAPR';
@@ -78,33 +77,16 @@ const BackstopQ4W: NextPage = () => {
           <BackstopAPR poolId={safePoolId} />
         </Section>
         <Section width={SectionSize.THIRD}>
-          <Tooltip
-            title="Percent of capital insuring this pool queued for withdrawal (Q4W). A higher percent indicates potential risks."
-            placement="top"
-            enterTouchDelay={0}
-            enterDelay={500}
-            leaveTouchDelay={3000}
-          >
-            <Box sx={{ display: 'flex', flexDirection: 'row' }}>
-              <StackedText
-                title="Q4W"
-                text={toPercentage(backstopPoolEst?.q4wPercentage)}
-                sx={{ width: '100%', padding: '6px' }}
-              ></StackedText>
-              <HelpOutline
-                sx={{
-                  marginLeft: '-10px',
-                  marginTop: '9px',
-                  width: '15px',
-                  color: 'text.secondary',
-                }}
-              />
-            </Box>
-          </Tooltip>
+          <StackedText
+            title="Q4W"
+            text={toPercentage(backstopPoolEst?.q4wPercentage)}
+            sx={{ width: '100%', padding: '6px' }}
+            tooltip="Percent of capital insuring this pool queued for withdrawal (Q4W). A higher percent indicates potential risks."
+          ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
-            title="Total deposited"
+            title="Total Deposited"
             text={`$${toBalance(backstopPoolEst?.totalSpotValue)}`}
             sx={{ width: '100%', padding: '6px' }}
           ></StackedText>
diff --git a/src/pages/backstop.tsx b/src/pages/backstop.tsx
index 6823ecc..62dd362 100644
--- a/src/pages/backstop.tsx
+++ b/src/pages/backstop.tsx
@@ -6,8 +6,7 @@ import {
   parseResult,
 } from '@blend-capital/blend-sdk';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import HelpOutline from '@mui/icons-material/HelpOutline';
-import { Box, Tooltip, Typography } from '@mui/material';
+import { Box, Typography } from '@mui/material';
 import { SorobanRpc, scValToBigInt, xdr } from '@stellar/stellar-sdk';
 import type { NextPage } from 'next';
 import { useRouter } from 'next/router';
@@ -150,33 +149,16 @@ const Backstop: NextPage = () => {
           <BackstopAPR poolId={safePoolId} />
         </Section>
         <Section width={SectionSize.THIRD}>
-          <Tooltip
-            title="Percent of capital insuring this pool queued for withdrawal (Q4W). A higher percent indicates potential risks."
-            placement="top"
-            enterTouchDelay={0}
-            enterDelay={500}
-            leaveTouchDelay={3000}
-          >
-            <Box sx={{ display: 'flex', flexDirection: 'row' }}>
-              <StackedText
-                title="Q4W"
-                text={toPercentage(backstopPoolEst?.q4wPercentage)}
-                sx={{ width: '100%', padding: '6px' }}
-              ></StackedText>
-              <HelpOutline
-                sx={{
-                  marginLeft: '-10px',
-                  marginTop: '9px',
-                  width: '15px',
-                  color: 'text.secondary',
-                }}
-              />
-            </Box>
-          </Tooltip>
+          <StackedText
+            title="Q4W"
+            text={toPercentage(backstopPoolEst?.q4wPercentage)}
+            sx={{ width: '100%', padding: '6px' }}
+            tooltip="Percent of capital insuring this pool queued for withdrawal (Q4W). A higher percent indicates potential risks."
+          ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
-            title="Total deposited"
+            title="Total Deposited"
             text={`$${toBalance(backstopPoolEst?.totalSpotValue)}`}
             sx={{ width: '100%', padding: '6px' }}
           ></StackedText>
diff --git a/src/pages/borrow.tsx b/src/pages/borrow.tsx
index c55e6ab..8b89ce1 100644
--- a/src/pages/borrow.tsx
+++ b/src/pages/borrow.tsx
@@ -112,18 +112,20 @@ const Borrow: NextPage = () => {
               </div>
             }
             sx={{ padding: '6px' }}
+            tooltip="The interest rate charged for a borrowed position. This rate will fluctuate based on the market conditions and is accrued to the borrowed position."
           ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
-            title="Liability factor"
+            title="Liability Factor"
             text={toPercentage(reserve?.getLiabilityFactor())}
             sx={{ width: '100%', padding: '6px' }}
+            tooltip="The percent of this asset's value subtracted from your borrow capacity."
           ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
-            title="Total borrowed"
+            title="Total Borrowed"
             text={toBalance(reserve?.totalLiabilitiesFloat())}
             sx={{ width: '100%', padding: '6px' }}
           ></StackedText>
diff --git a/src/pages/repay.tsx b/src/pages/repay.tsx
index 1a0041f..54d382b 100644
--- a/src/pages/repay.tsx
+++ b/src/pages/repay.tsx
@@ -90,18 +90,20 @@ const Repay: NextPage = () => {
               </div>
             }
             sx={{ width: '100%', padding: '6px' }}
+            tooltip="The interest rate charged for a borrowed position. This rate will fluctuate based on the market conditions and is accrued to the borrowed position."
           ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
-            title="Liability factor"
+            title="Liability Factor"
             text={toPercentage(reserve?.getLiabilityFactor())}
             sx={{ width: '100%', padding: '6px' }}
+            tooltip="The percent of this asset's value subtracted from your borrow capacity."
           ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
-            title="Wallet balance"
+            title="Wallet Balance"
             text={toBalance(tokenBalance, reserve?.config.decimals)}
             sx={{ width: '100%', padding: '6px' }}
           ></StackedText>
diff --git a/src/pages/supply.tsx b/src/pages/supply.tsx
index 880f3ce..9017f49 100644
--- a/src/pages/supply.tsx
+++ b/src/pages/supply.tsx
@@ -110,18 +110,20 @@ const Supply: NextPage = () => {
               </div>
             }
             sx={{ width: '100%', padding: '6px' }}
+            tooltip="The interest rate earned on a supplied position. This rate will fluctuate based on the market conditions and is accrued to the supplied position."
           ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
-            title="Collateral factor"
+            title="Collateral Factor"
             text={toPercentage(reserve?.getCollateralFactor())}
             sx={{ width: '100%', padding: '6px' }}
+            tooltip="The percent of this asset's value added to your borrow capacity."
           ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
-            title="Total supplied"
+            title="Total Supplied"
             text={toBalance(reserve?.totalSupplyFloat())}
             sx={{ width: '100%', padding: '6px' }}
           ></StackedText>
diff --git a/src/pages/withdraw.tsx b/src/pages/withdraw.tsx
index a32880f..cab2feb 100644
--- a/src/pages/withdraw.tsx
+++ b/src/pages/withdraw.tsx
@@ -83,18 +83,20 @@ const Withdraw: NextPage = () => {
               </div>
             }
             sx={{ width: '100%', padding: '6px' }}
+            tooltip="The interest rate earned on a supplied position. This rate will fluctuate based on the market conditions and is accrued to the supplied position."
           ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
-            title="Collateral factor"
+            title="Collateral Factor"
             text={toPercentage(reserve?.getCollateralFactor())}
             sx={{ width: '100%', padding: '6px' }}
+            tooltip="The percent of this asset's value added to your borrow capacity."
           ></StackedText>
         </Section>
         <Section width={SectionSize.THIRD}>
           <StackedText
-            title="Total supplied"
+            title="Total Supplied"
             text={toBalance(reserve?.totalSupplyFloat())}
             sx={{ width: '100%', padding: '6px' }}
           ></StackedText>
diff --git a/src/utils/formatter.ts b/src/utils/formatter.ts
index f2e26b5..7d0eecd 100644
--- a/src/utils/formatter.ts
+++ b/src/utils/formatter.ts
@@ -119,5 +119,5 @@ export function toTimeSpan(secondsLeft: number): string {
 }
 
 export function getEmissionTextFromValue(value: number, symbol: string) {
-  return ` This position earns ${toBalance(value, 7)} BLND a year per ${symbol}`;
+  return `This position earns an additional ${toBalance(value, 7)} BLND per year per ${symbol}.`;
 }
diff --git a/src/utils/txSim.tsx b/src/utils/txSim.tsx
index 1350f00..9eada30 100644
--- a/src/utils/txSim.tsx
+++ b/src/utils/txSim.tsx
@@ -4,6 +4,7 @@ import { SorobanRpc } from '@stellar/stellar-sdk';
 import { OpaqueButton } from '../components/common/OpaqueButton';
 import { useWallet } from '../contexts/wallet';
 import theme from '../theme';
+
 export function RestoreButton({
   simResponse,
 }: {
@@ -25,6 +26,7 @@ export function RestoreButton({
     </OpaqueButton>
   );
 }
+
 export function getErrorFromSim(
   input: string | undefined,
   decimals: number,
@@ -77,7 +79,7 @@ export function getErrorFromSim(
     errorProps.isMaxDisabled = false;
     errorProps.disabledType = 'warning';
     errorProps.reason =
-      'This transaction ran into expired entries that need to be restored before proceeding.';
+      'This transaction ran into expired entries which need to be restored before proceeding.';
     return errorProps;
   }
   if (simulationResult && SorobanRpc.Api.isSimulationError(simulationResult)) {