fix

Author: lucasgoral

src/components/Ui/Infobox/Infobox.module.css

@@ -1,26 +1,13 @@
-.wrapper {
-  width: 100%;
-  background: linear-gradient(135deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8), rgba(0, 0, 2055, 0.2)) border-box;
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
-  box-sizing: border-box;
-  padding: 2px;
-  margin-bottom: 2rem;
-  border-radius: 15px;
-}
-
-.wrapper.dark-mode {
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2))
-    border-box;
-}
-
 .infobox {
-  padding: 3px;
   display: flex;
   align-items: center;
   border-radius: 12px;
   padding: 1rem;
   margin: 0;
   overflow: hidden;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
+  margin-bottom: 2rem;
+  border-radius: 15px;
 }
 
 .icon {

src/components/Ui/Infobox/Infobox.tsx

@@ -31,7 +31,6 @@ export const Infobox: React.FC<LabelProps> = ({
   className,
   icon,
 }) => {
-  const { isDarkTheme } = useTheme();
   const infoboxClasses = cx(
     styles.infobox,
     {
@@ -50,11 +49,9 @@ export const Infobox: React.FC<LabelProps> = ({
   const iconName = icon || variantIcons[variant];
 
   return (
-    <div className={cx(styles['wrapper'], { [styles['dark-mode']]: isDarkTheme })}>
-      <div className={infoboxClasses} id={id}>
-        {iconName && <Icon name={iconName} className={styles.icon} />}
-        <div className={styles.content}>{children}</div>
-      </div>
+    <div className={infoboxClasses} id={id}>
+      {iconName && <Icon name={iconName} className={styles.icon} />}
+      <div className={styles.content}>{children}</div>
     </div>
   );
 };