diff --git a/unit-conversion/src/features/card/card.css b/unit-conversion/src/features/card/card.css
index 84648ea218b718b1ce592f7d3f57b1566d0abcc7..19637623f63ba4508c8ea484bd9acdf036dc1abf 100644
--- a/unit-conversion/src/features/card/card.css
+++ b/unit-conversion/src/features/card/card.css
@@ -5,7 +5,7 @@
   margin: 7%;
   min-height: 20%;
   border-radius: 10px;
-  background-color: rgba(255 255 255 / 90%);
+  background-color: rgba(255 255 255 / 40%);
   box-shadow:
     0 2.8px 2.2px rgba(0 0 0 / 3.4%),
     0 6.7px 5.3px rgba(0 0 0 / 4.8%),
@@ -13,7 +13,8 @@
     0 22.3px 17.9px rgba(0 0 0 / 7.2%),
     0 41.8px 33.4px rgba(0 0 0 / 8.6%),
     0 100px 80px rgba(0 0 0 / 12%);
-  padding-left: 40px;
+  padding-left: 20px;
+  padding-right: 20px;
 }
 
 .inputField {
diff --git a/unit-conversion/src/index.css b/unit-conversion/src/index.css
index f0108b84828ba96ead8f19fa9c218550e91876e3..14bc973aff314b36d8276b01cc79a762931e64bf 100644
--- a/unit-conversion/src/index.css
+++ b/unit-conversion/src/index.css
@@ -1,7 +1,9 @@
 :root {
   /* Colors */
   --letterbox-color: rgba(255 255 255 / 100%);
-  --app-background-color: rgba(101 142 156 / 100%);
+
+  /* background-color: rgba(101 142 156 / 100%); */
+  --app-background-color: linear-gradient(102.28deg, rgba(231 189 251 / 50%) -7.7%, rgba(250 208 218 / 50%) 38.01%, rgba(168 198 243 / 50%) 91.43%);
   --font-color: rgba(0 0 0 / 100%);
 
   /* Sizes */