From 3dc510e71b4cbf45cec210971c8870824879852d Mon Sep 17 00:00:00 2001
From: Achraf <afaithraf@gmail.com>
Date: Thu, 17 Feb 2022 18:24:51 +0100
Subject: [PATCH] fix(components): add width prop to List

---
 packages/components/src/List.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/List.tsx b/packages/components/src/List.tsx
index 824e3b4a..8bbb2dd2 100644
--- a/packages/components/src/List.tsx
+++ b/packages/components/src/List.tsx
@@ -3,11 +3,11 @@
 import { useState } from 'react'
 import { Box, IconButton, Link, Text } from 'theme-ui'
 
-export function List({ data = [] }) {
+export function List({ data = [], width }) {
     return (
         <Box
             sx={{
-                width: ['100%', '100%', 400],
+                width: width ? width : ['100%', '100%', 400],
                 bg: 'bg',
                 py: 3,
             }}