diff --git a/client/homebrew/pages/archivePage/archivePage.jsx b/client/homebrew/pages/archivePage/archivePage.jsx
index d9287ab32..b5ec1f8d6 100644
--- a/client/homebrew/pages/archivePage/archivePage.jsx
+++ b/client/homebrew/pages/archivePage/archivePage.jsx
@@ -70,9 +70,8 @@ const ArchivePage = createClass({
     },
     
     loadPage: async function (page, update) {
-        console.log('running loadPage');
         this.setState({ searching: true, error: null });
-        console.log('props: ',this.props.query.count, '| state: ', this.state.count, '| input: ', document.getElementById('count').value || 10);
+        
     
         const performSearch = async ({ title, count, v3, legacy }) => {
             this.updateUrl(title, page, count, v3, legacy);
@@ -122,7 +121,6 @@ const ArchivePage = createClass({
     },
     
     loadTotal: async function () {
-        console.log('running loadTotal');
         const {title, v3, legacy} = this.state;
 
         this.setState({
@@ -397,11 +395,12 @@ const ArchivePage = createClass({
                 </div>
             );
         }
-
+        console.log('state when rendering ');
+        console.table(this.state);
         return (
             <div className="foundBrews">
                 <span className="totalBrews">
-                    Brews found: 
+                    {`Brews found: `}
                     {title === '' ? '0' : this.state.totalBrews ? this.state.totalBrews : <span className="searchAnim"></span>}
                 </span>
                 {brewCollection.map((brew, index) => (
diff --git a/client/homebrew/pages/archivePage/archivePage.less b/client/homebrew/pages/archivePage/archivePage.less
index ae46dd93f..b567d0773 100644
--- a/client/homebrew/pages/archivePage/archivePage.less
+++ b/client/homebrew/pages/archivePage/archivePage.less
@@ -144,6 +144,24 @@ body {
                         padding: 8px 10px;
                         z-index: 1000;
                         font-family: 'Open Sans';
+
+                        .searchAnim {
+                            position: relative;
+                            display: inline-block;
+                            width: 3ch;
+                            height: 1em;
+                        }
+
+                        .searchAnim::after {
+                            content: "";
+                            width: max-content;
+                            height: 1em;
+                            position: absolute;
+                            right: 0;
+                            top: 50%;
+                            translate: -50% -50%;
+                            animation: trailingDots 2s ease infinite;
+                        }
                     }
 
                     .brewItem {