diff --git a/src/components/Features.vue b/src/components/Features.vue
index 6a68b50..5b1f13f 100644
--- a/src/components/Features.vue
+++ b/src/components/Features.vue
@@ -13,29 +13,29 @@
         </a>
       </p>
     </div>
-    <div class="flex flex-wrap -m-4">
-      <div class="w-full py-4 pr-4 xs:pl-4 md:w-1/2 lg:w-1/4">
+    <div class="flex flex-wrap -m-2">
+      <div class="w-full p-2 md:w-1/2 lg:w-1/4">
         <Feature
           title="vite-plugin-vue2"
           text="Vue 2 support for Vite"
           url="https://github.com/underfin/vite-plugin-vue2"
         />
       </div>
-      <div class="w-full p-4 md:w-1/2 lg:w-1/4">
+      <div class="w-full p-2 md:w-1/2 lg:w-1/4">
         <Feature
           title="vite-plugin-components"
           text="On demand components auto importing for Vite"
           url="https://github.com/antfu/vite-plugin-components"
         />
       </div>
-      <div class="w-full py-4 pl-4 xs:pr-4 md:w-1/2 lg:w-1/4">
+      <div class="w-full p-2 md:w-1/2 lg:w-1/4">
         <Feature
           title="vite-plugin-windicss"
           text="Windi CSS for Vite"
           url="https://github.com/windicss/vite-plugin-windicss"
         />
       </div>
-      <div class="w-full py-4 pl-4 xs:pr-4 md:w-1/2 lg:w-1/4">
+      <div class="w-full p-2 md:w-1/2 lg:w-1/4">
         <Feature
           title="vite-plugin-icons"
           text="Access thousands of icons as Vue components in Vite"