diff --git a/src/pages/More/More.jsx b/src/pages/More/More.jsx
index 296020a..e4306bb 100644
--- a/src/pages/More/More.jsx
+++ b/src/pages/More/More.jsx
@@ -1,20 +1,17 @@
-import './styles.sass';
-import Card from "@/pages/More/components/Card/index.js";
+import Card from "@/pages/More/components/Card";
 import {faBook, faBriefcase, faClipboardList, faHeart, faIdCard, faLock} from "@fortawesome/free-solid-svg-icons";
 import {faDiscord} from "@fortawesome/free-brands-svg-icons";
 
-const More = () => {
-    return (
-        <div className="more-wrapper">
-            <Card icon={faBook} text="Check out our documentation" to="https://wiki.sheepstar.xyz"/>
-            <Card icon={faDiscord} text="Join our discord  server" to="https://support.sheepstar.xyz"/>
-            <Card icon={faHeart} text="Donate to us" to="https://www.buymeacoffee.com/sheepstarbot"/>
-            <Card icon={faIdCard} text="Show more about us" to="/about-us"/>
-            <Card icon={faLock} text="Read the privacy policy" to="/privacy"/>
-            <Card icon={faClipboardList} text="Read the terms of service" to="/tos"/>
-            <Card icon={faBriefcase} text="Imprint" to="/imprint"/>
-        </div>
-    )
-}
+const More = () => (
+    <div className="main-wrapper">
+        <Card icon={faBook} text="Check out our documentation" to="https://wiki.sheepstar.xyz"/>
+        <Card icon={faDiscord} text="Join our discord  server" to="https://support.sheepstar.xyz"/>
+        <Card icon={faHeart} text="Donate to us" to="https://www.buymeacoffee.com/sheepstarbot"/>
+        <Card icon={faIdCard} text="Show more about us" to="/about-us"/>
+        <Card icon={faLock} text="Read the privacy policy" to="/privacy"/>
+        <Card icon={faClipboardList} text="Read the terms of service" to="/tos"/>
+        <Card icon={faBriefcase} text="Imprint" to="/imprint"/>
+    </div>
+)
 
 export default More;
\ No newline at end of file