Fixed grid styles

package.json

@@ -10,9 +10,9 @@
     "copy-webpack-plugin": "^10.2.4",
     "cross-env": "^7.0",
     "css-loader": "^6.7.1",
-    "mini-css-extract-plugin": "^2.6.0",
     "glob-all": "^3.3.0",
     "html-webpack-plugin": "^5.5.0",
+    "mini-css-extract-plugin": "^2.6.0",
     "postcss": "^8.4.13",
     "postcss-loader": "^6.2.1",
     "style-loader": "^3.3.1",
@@ -27,4 +27,4 @@
     "autoprefixer": "^10.4.7",
     "typeface-roboto-mono": "^1.1.13"
   }
-}
+}

src/index.html

@@ -282,7 +282,7 @@
       </div>
 
       <div
-        class="grid grid-cols-2 m-4 md:m-6 lg:m-8 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-10 divide-x divide-y divide-gray-200 border-r border-b border-solid border-gray-200"
+        class="grid m-4 md:m-6 lg:m-8 grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-10 border-t border-l"
       >
         <template x-for="(item, index) in filteredIcons" :key="index">
           <a
@@ -294,7 +294,7 @@
             item.icon_path +
             `.svg`"
             x-bind:download="downloadType === 'download-svg' && item.icon_name"
-            class="relative flex flex-col items-center justify-center h-32 p-2 text-gray-700 duration-150 ease-in-out bg-white cursor-pointer group hover:z-10 hover:shadow-xl md:h-40"
+            class="relative flex flex-col items-center justify-center h-32 p-2 text-gray-700 duration-150 ease-in-out bg-white border-r border-b cursor-pointer group hover:z-10 hover:shadow-xl md:h-40"
             @click="handleClick(item, downloadType, $event, $dispatch)"
           >
             <div

tailwind.config.js

@@ -7,7 +7,7 @@ module.exports = {
       ],
     },
     scale: {
-      "200": "2",
+      200: "2",
     },
   },
   plugins: [