diff --git a/lib/FeaturesAsymmetrical/FeaturesAsymmetrical.module.css b/lib/FeaturesAsymmetrical/FeaturesAsymmetrical.module.css
index 6586c69d..8dfa7f29 100644
--- a/lib/FeaturesAsymmetrical/FeaturesAsymmetrical.module.css
+++ b/lib/FeaturesAsymmetrical/FeaturesAsymmetrical.module.css
@@ -1,22 +1,7 @@
 .feature {
   position: relative;
-  padding-top: var(--mantine-spacing-xl);
-  padding-left: var(--mantine-spacing-xl);
-}
-
-.overlay {
-  position: absolute;
-  height: 100px;
-  width: 160px;
-  top: 0;
-  left: 0;
+  padding: var(--mantine-spacing-xl);
   background-color: var(--mantine-color-blue-light);
-  z-index: 1;
-}
-
-.content {
-  position: relative;
-  z-index: 2;
 }
 
 .icon {
diff --git a/lib/FeaturesAsymmetrical/FeaturesAsymmetrical.tsx b/lib/FeaturesAsymmetrical/FeaturesAsymmetrical.tsx
index 1f1a1b95..7322b94e 100644
--- a/lib/FeaturesAsymmetrical/FeaturesAsymmetrical.tsx
+++ b/lib/FeaturesAsymmetrical/FeaturesAsymmetrical.tsx
@@ -11,17 +11,13 @@ interface FeatureProps extends React.ComponentPropsWithoutRef<'div'> {
 function Feature({ icon: Icon, title, description, className, ...others }: FeatureProps) {
   return (
     <div className={classes.feature} {...others}>
-      <div className={classes.overlay} />
-
-      <div className={classes.content}>
-        <Icon size={38} className={classes.icon} stroke={1.5} />
-        <Text fw={700} fz="lg" mb="xs" mt={5} className={classes.title}>
-          {title}
-        </Text>
-        <Text c="dimmed" fz="sm">
-          {description}
-        </Text>
-      </div>
+      <Icon size={38} className={classes.icon} stroke={1.5} />
+      <Text fw={700} fz="lg" mb="xs" mt={5} className={classes.title}>
+        {title}
+      </Text>
+      <Text c="dimmed" fz="sm">
+        {description}
+      </Text>
     </div>
   );
 }