diff --git a/components/UsersLogos/index.js b/components/UsersLogos/index.js
index fecbf2fa..b96cac8e 100644
--- a/components/UsersLogos/index.js
+++ b/components/UsersLogos/index.js
@@ -1,52 +1,21 @@
 import React from 'react';
-import styled, { keyframes } from 'styled-components';
+import styled from 'styled-components';
 
-const getSlide = (childIndex, reverse) => keyframes`
-  from {
-    transform: translateX(${childIndex * 100}%);
-  }
-  to {
-    transform: translateX(${(reverse ? -100 : 100) + 100 * childIndex}%);
-  }
-`;
-
-const UsersWrapper = styled.section`
-  white-space: nowrap;
-  overflow: hidden;
-  padding: 0.5rem 0;
-  display: flex;
-`;
-
-const UsersSliderContainer = styled.div`
+const UsersContainer = styled.div`
   display: flex;
   align-items: center;
+  justify-content: center;
   width: 100%;
-  height: 5rem;
-  overflow: hidden;
+  max-width: 56rem;
+  flex-wrap: wrap;
   position: relative;
 `;
 
-const UsersSlider = styled.span`
-  display: inline-block;
-  animation: ${({ offset, reverse }) => getSlide(offset || 0, reverse)} 150s linear infinite;
-  white-space: nowrap;
-  overflow: hidden;
-  position: absolute;
-
-  ${UsersWrapper} {
-    flex-direction: ${({ reverse }) => (reverse ? 'row' : 'row-reverse')};
-  }
-
-  @media (prefers-reduced-motion) {
-    animation: none;
-  }
-`;
-
 const CompanyLogo = styled.span`
   position: relative;
-  height: ${(p) => p.height || '2rem'};
-  margin: 0 1rem;
-  bottom: ${(p) => p.bottom || 0};
+  height: 2rem;
+  margin: 1rem;
+  bottom: 0;
   opacity: 0.8;
   filter: brightness(0) invert(1);
   transition: opacity 125ms ease-in-out;
@@ -61,33 +30,19 @@ const CompanyLogo = styled.span`
   }
 `;
 
-const SortedLogos = ({ users }) => (
-  <UsersWrapper>
-    {/* TODO: remove this check after adding missing logos */}
-    {users.map(
-      ({ key, logo: Logo }) =>
-        Logo && (
-          <CompanyLogo key={key}>
-            <Logo />
-          </CompanyLogo>
-        )
-    )}
-  </UsersWrapper>
-);
-
-const UsersLogos = ({ users, reverse }) => {
+const UsersLogos = ({ users }) => {
+  const slicedUsers = users.slice(0, 10);
   return (
-    <UsersSliderContainer>
-      <UsersSlider offset={-1} reverse={reverse}>
-        <SortedLogos users={users} />
-      </UsersSlider>
-      <UsersSlider offset={0} reverse={reverse}>
-        <SortedLogos users={users} />
-      </UsersSlider>
-      <UsersSlider offset={1} reverse={reverse}>
-        <SortedLogos users={users} />
-      </UsersSlider>
-    </UsersSliderContainer>
+    <UsersContainer>
+      {slicedUsers.map(
+        ({ key, logo: Logo }) =>
+          Logo && (
+            <CompanyLogo key={key}>
+              <Logo />
+            </CompanyLogo>
+          )
+      )}
+    </UsersContainer>
   );
 };
 
diff --git a/pages/index.js b/pages/index.js
index b71fa09b..1ff3dca5 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -215,11 +215,9 @@ class Index extends PureComponent {
                 <StyledError />
               </EditorContainer>
             </LiveProvider>
-
-            <UsersHeading>Used by folks at</UsersHeading>
           </Content>
-          <UsersLogos users={sortedCompanies.filter((v, i) => i % 2)} />
-          <UsersLogos reverse users={sortedCompanies.filter((v, i) => !(i % 2))} />
+          <UsersHeading>Used by folks at</UsersHeading>
+          <UsersLogos users={sortedCompanies} />
           <ShowcaseHeading>To create beautiful websites like these</ShowcaseHeading>
           <SmallShowcase projects={sortedProjects} />
         </Wrapper>