diff --git a/frontend/src/pages/about.tsx b/frontend/src/pages/about.tsx
index f790678..80ddde5 100644
--- a/frontend/src/pages/about.tsx
+++ b/frontend/src/pages/about.tsx
@@ -7,8 +7,6 @@ import { graphql } from "gatsby";
 import firebase from "gatsby-plugin-firebase";
 import { FadeInSection } from "../components/FadeInSection";
 import { GatsbyImage, StaticImage } from "gatsby-plugin-image";
-import { useWindowSize } from "../utils/hooks/useWindowSize";
-import { isBrowser } from "../utils/isBrowser";
 import { Header } from "../components/Header";
 
 const AboutPage = ({ data }) => {
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 73d6265..d52d17b 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -72,8 +72,7 @@ const IndexPage = ({ data }) => {
 
       <FadeInSection>
         <section
-          className={`relative flex flex-col justify-center mb-24 sm:-mt-20 px-4 ${width < 450 && width >= 300 ? "mt-28" : ""
-          } ${width < 350 ? "mt-44" : ""}`}
+          className={"relative flex flex-col justify-center mb-24 px-4 sm:-mt-20 xs:mt-28 mt-44"}
         >
           <SeekingMembers data={data}/>
         </section>
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 9f3d107..da95ed0 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -14,6 +14,9 @@ module.exports = {
       width: {
         194: "48rem",
       },
+      screens: {
+        'xs': '200px',
+      },
     },
   },
   plugins: [],