diff --git a/frontend/src/components/BookTable/index.tsx b/frontend/src/components/BookTable/index.tsx
index 0da33939..63134a82 100644
--- a/frontend/src/components/BookTable/index.tsx
+++ b/frontend/src/components/BookTable/index.tsx
@@ -79,7 +79,7 @@ const BookTable = ({
   // all sizes in 'em'
   const [fontSize, defaultPageSize, height] = useMemo(() => {
     const fontSize = theme.typography.fontSize;
-    const verticalHeightFrame = 3.25 + (showControls ? 3.7 : 0) + (showFooter ? 2.35 : 0);
+    const verticalHeightFrame = 3.25 + (showControls ? 3.7 : 0.35) + (showFooter ? 2.35 : 0);
     const verticalHeightRow = 3.25;
     const defaultPageSize = Math.max(
       Math.floor(
diff --git a/frontend/src/components/PaymentMethods/StringAsIcons.tsx b/frontend/src/components/PaymentMethods/StringAsIcons.tsx
index 8b6b871c..8d04823c 100644
--- a/frontend/src/components/PaymentMethods/StringAsIcons.tsx
+++ b/frontend/src/components/PaymentMethods/StringAsIcons.tsx
@@ -89,7 +89,7 @@ const StringAsIcons: React.FC = ({ othersText, verbose, size, text }: Props) =>
     } else {
       return rows;
     }
-  }, []);
+  }, [text]);
 
   return (
     <div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>{parsedText}</div>