diff --git a/site/src/data.tsx b/site/src/data.tsx
index 70c9fda..42b113f 100644
--- a/site/src/data.tsx
+++ b/site/src/data.tsx
@@ -156,10 +156,15 @@ const ramPricesListNoIds = [
     { "type": "DDR4", "name": "DDR4-3200-64GB-Y10", "size": 64, "maker": "SKHynix", "release": "2021-10", "price": 205, }
 
 ]
+
+import * as d3 from "d3";
 const ramPricesList = ramPricesListNoIds.map((x,index) => ({
     ...x,
     id: index + 1,
     // release: Number(x.release.split("-")[0]),
 }))
 
+
+
+
 export { realPhotos, sidecardData, mainCards, playbackVideo,ramPricesList };
\ No newline at end of file
diff --git a/site/src/list/components/RamGrid.tsx b/site/src/list/components/RamGrid.tsx
index ff257e8..51f60e7 100644
--- a/site/src/list/components/RamGrid.tsx
+++ b/site/src/list/components/RamGrid.tsx
@@ -11,8 +11,8 @@ function RamGrid() {
     { field: 'type', headerName: 'Type', flex: 0.5},
     { field: 'name', headerName: 'Model', flex: 1},
     { field: 'maker', headerName: 'Maker', flex: 0.5},
-    { field: 'size',  headerName: 'Size (GB)',lex: 0.5},
-    { field: 'release',  headerName: 'Release Year-month'},
+    { field: 'size',  headerName: 'Size (GB)'},
+    { field: 'release',  headerName: 'Release Year-month',flex: 0.5},
     { field: 'price' ,headerName: 'Price(USD)'},
   ]
   return (