diff --git a/src/views/projects/ProjectCard.vue b/src/views/projects/ProjectCard.vue
index 14f809d..083fe31 100644
--- a/src/views/projects/ProjectCard.vue
+++ b/src/views/projects/ProjectCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="border rounded-md p-3 px-3 mx-auto my-5 w-full lg:w-2/3 xl:w-1/2">
+    <div class="border rounded-md p-3 mx-auto w-full lg:w-2/3 xl:w-1/2">
         <h3 class="text-2xl font-semibold text-center text-gray-900 dark:text-white">{{ props.title }}</h3>
         <div class="text-center mb-2">
             <a v-for="link in props.links" :href="link.url" class="font-mono inline-block hover:underline mx-2">{{ link.label }}</a>
diff --git a/src/views/projects/Projects.vue b/src/views/projects/Projects.vue
index c42ecf7..17254e0 100644
--- a/src/views/projects/Projects.vue
+++ b/src/views/projects/Projects.vue
@@ -3,22 +3,25 @@
 
     <main>
         <h1 class="text-5xl font-bold text-center mb-5">{{ t("projects") }}</h1>
+        
         <h2 class="text-3xl text-center mt-10 mb-3">{{ t("wip") }}</h2>
-
-        <Wirefilter />
-        <NotXiaGithubio />
+        <div class="[&>*]:my-14 first:[&>*]:mt-8">
+            <Wirefilter />
+            <NotXiaGithubio />
+        </div>
 
 
         <h2 class="text-3xl text-center mt-10 mb-3">{{ t("completed") }}</h2>
-
-        <TweetAnalysis />
-        <AnimalHouse />
-        <PandOSplus />
-        <Imaging />
-        <MNKGame />
-        <Platform />
-        <PathfindingVisualizer />
-        <SortingVisualizer />
+        <div class="[&>*]:my-14 first:[&>*]:mt-8">
+            <TweetAnalysis />
+            <AnimalHouse />
+            <PandOSplus />
+            <Imaging />
+            <MNKGame />
+            <Platform />
+            <PathfindingVisualizer />
+            <SortingVisualizer />
+        </div>
     </main>
 </template>