fix styling

src/views/catalog/catalog.tsx

@@ -386,11 +386,20 @@ const Catalog = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp,
             isInModView={isInModView}
             showLoadingEllipsis={effectiveInfiniteScroll}
           />
-          <PageFooterDesktop firstRow={<CatalogFooterFirstRow />} />
+          <PageFooterDesktop
+            firstRow={
+              <CatalogFooterFirstRow
+                subplebbitAddress={subplebbitAddress}
+                isInAllView={isInAllView}
+                isInSubscriptionsView={isInSubscriptionsView}
+                isInModView={isInModView}
+              />
+            }
+          />
         </>
       ),
     }),
-    [subplebbitAddresses, hasMore, cappedFeed.length, isInAllView, isInSubscriptionsView, isInModView, effectiveInfiniteScroll],
+    [subplebbitAddresses, hasMore, cappedFeed.length, subplebbitAddress, isInAllView, isInSubscriptionsView, isInModView, effectiveInfiniteScroll],
   );
 
   const isFeedLoaded = feed.length > 0 || state === 'failed';
@@ -541,7 +550,16 @@ const Catalog = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp,
                 error={error}
               />
             </div>
-            <PageFooterDesktop firstRow={<CatalogFooterFirstRow />} />
+            <PageFooterDesktop
+              firstRow={
+                <CatalogFooterFirstRow
+                  subplebbitAddress={subplebbitAddress}
+                  isInAllView={isInAllView}
+                  isInSubscriptionsView={isInSubscriptionsView}
+                  isInModView={isInModView}
+                />
+              }
+            />
           </>
         )}
       </div>

src/views/post/post.tsx

@@ -10,7 +10,7 @@ import { useDirectories } from '../../hooks/use-directories';
 import { isDirectoryBoard } from '../../lib/utils/route-utils';
 import useIsMobile from '../../hooks/use-is-mobile';
 import ErrorDisplay from '../../components/error-display/error-display';
-import { PageFooterDesktop, ThreadFooterFirstRow } from '../../components/footer';
+import { PageFooterDesktop, ThreadFooterFirstRow, ThreadFooterStyleRow } from '../../components/footer';
 import PostDesktop from '../../components/post-desktop';
 import PostMobile from '../../components/post-mobile';
 import styles from './post.module.css';
@@ -205,6 +205,7 @@ const PostPage = () => {
       {post?.cid && subplebbitAddress ? (
         <PageFooterDesktop
           firstRow={<ThreadFooterFirstRow postCid={post.cid} threadNumber={post?.number} subplebbitAddress={subplebbitAddress} isThreadClosed={!!post?.locked} />}
+          styleRow={<ThreadFooterStyleRow />}
         />
       ) : null}
     </div>