From 75c8fda05180993b65e0cc82b9224a78e7f9b7fe Mon Sep 17 00:00:00 2001
From: Stefan Pejcic <stefan@pejcic.rs>
Date: Mon, 4 Mar 2024 11:37:10 +0100
Subject: [PATCH] Update index.tsx

---
 documentation/src/pages/assets/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/documentation/src/pages/assets/index.tsx b/documentation/src/pages/assets/index.tsx
index aaa0c145..940f03df 100644
--- a/documentation/src/pages/assets/index.tsx
+++ b/documentation/src/pages/assets/index.tsx
@@ -12,6 +12,7 @@ const Assets: React.FC = () => {
         // more here..
     ];
 
+
     const handleCopySVGCode = async (svgUrl: string) => {
         const response = await fetch(svgUrl);
         const svgCode = await response.text();
@@ -35,7 +36,9 @@ const Assets: React.FC = () => {
                     <div className="grid grid-cols-2 gap-4">
                         {assets.map((asset, index) => (
                             <div key={index} className="flex items-center space-x-4">
-                                <img src={asset.svgUrl} alt={asset.name} className="w-20 h-20" />
+                                <div className="bg-[#f8f9fa] p-4 rounded-lg">
+                                    <img src={asset.svgUrl} alt={asset.name} className="w-20 h-20" />
+                                </div>
                                 <div>
                                     <a href={asset.downloadUrl} target="_blank" rel="noopener noreferrer" className="block bg-blue-500 text-white px-4 py-2 mb-2">Download</a>
                                     <button onClick={() => handleCopySVGCode(asset.svgUrl)} className="bg-gray-500 text-white px-4 py-2">Copy SVG</button>