diff --git a/client/homebrew/pages/archivePage/archivePage.jsx b/client/homebrew/pages/archivePage/archivePage.jsx
index 07eae0311..539abc65b 100644
--- a/client/homebrew/pages/archivePage/archivePage.jsx
+++ b/client/homebrew/pages/archivePage/archivePage.jsx
@@ -247,7 +247,7 @@ const ArchivePage = createClass({
 		if(searching) {
 			return (
 				<div className='foundBrews searching'>
-					<span><h3>Searching</h3><h3 className='searchAnim'>...</h3></span>
+					<h3 className='searchAnim'>Searching</h3>
 				</div>
 			);
 		};
diff --git a/client/homebrew/pages/archivePage/archivePage.less b/client/homebrew/pages/archivePage/archivePage.less
index 665c94a94..251b3ce52 100644
--- a/client/homebrew/pages/archivePage/archivePage.less
+++ b/client/homebrew/pages/archivePage/archivePage.less
@@ -122,7 +122,15 @@ body {
                             place-items: center;
                             color: white;
 
-                            h3.searchAnim {
+                            h3 { position: relative;}
+                            h3.searchAnim::after {
+                                content: "";
+                                width: max-content;
+                                height: 1em;
+                                position: absolute;
+                                right: 0;
+                                top: 50%;
+                                translate: 100% -50%;
                                 animation: trailingDots 2s ease infinite;
                             }
                         }
@@ -229,13 +237,13 @@ body {
 
 @keyframes trailingDots {
     0%,32% {
-        clip-path:inset(0 66% 0 0);
+        content:'.';
     }
     
     33%, 65% {
-        clip-path:inset(0 33% 0 0);
+        content:'..';
     }
     66%,100% {
-        clip-path:inset(0 0% 0 0);
+        content:'...';
     }
 }
\ No newline at end of file