diff --git a/src/components/DistributedData/index.js b/src/components/DistributedData/index.js
index 14d8c55..31e81db 100644
--- a/src/components/DistributedData/index.js
+++ b/src/components/DistributedData/index.js
@@ -2,7 +2,7 @@ import React from "react";
 
 const DistributedData = ({ items }) => {
   return (
-    <div className="mt-20 flex flex-col items-center gap-y-4 max-w-[500px] mx-auto bg-white shadow-sm rounded-lg pt-3">
+    <div className="mt-20 flex flex-col items-center gap-y-4 max-w-[400px] mx-auto bg-white shadow-sm rounded-lg pt-3">
       {items.map((row, index) => (
         <div
           className={`flex flex-row items-center justify-around w-full border-[#9DACD344] pb-3 ${