diff --git a/rair-front/src/components/DemoMediaUpload/MediaListBox/MediaListBox.tsx b/rair-front/src/components/DemoMediaUpload/MediaListBox/MediaListBox.tsx
index 66b296233..8379834f1 100644
--- a/rair-front/src/components/DemoMediaUpload/MediaListBox/MediaListBox.tsx
+++ b/rair-front/src/components/DemoMediaUpload/MediaListBox/MediaListBox.tsx
@@ -316,6 +316,7 @@ const MediaListBox: React.FC<IMediaListBox> = ({
   const [categoryOptions, setCategoryOptions] = useState<Options[]>([]);
 
   const {
+    primaryColor,
     secondaryColor,
     textColor,
     primaryButtonColor,
@@ -523,7 +524,10 @@ const MediaListBox: React.FC<IMediaListBox> = ({
     <div
       className="row w-100"
       style={{
-        backgroundColor: secondaryColor,
+        backgroundColor: primaryColor,
+        borderWidth: '2px',
+        borderStyle: 'solid',
+        borderColor: secondaryColor,
         color: textColor,
         borderRadius: '15px',
         marginTop: '20px'