diff --git a/src/containers/Landing/PremiumVsFree.tsx b/src/containers/Landing/PremiumVsFree.tsx
index 122f498..4d87aa6 100644
--- a/src/containers/Landing/PremiumVsFree.tsx
+++ b/src/containers/Landing/PremiumVsFree.tsx
@@ -1,54 +1,62 @@
 import React from "react";
 import Link from "next/link";
-import { Title, Image, Container, Flex, Box, List, Button, Paper } from "@mantine/core";
+import { Title, Image, Container, Flex, Box, List, Button } from "@mantine/core";
 import styled from "styled-components";
 import { FaArrowRightLong } from "react-icons/fa6";
+import { IoMdCheckmark } from "react-icons/io";
 
 const StyledImageWrapper = styled.div`
-  flex: 2;
+  flex: 1.8;
   width: 100%;
   filter: drop-shadow(0px 0px 30px rgba(236, 236, 236, 0.2));
 `;
 
 export const PremiumVsFree = () => {
   return (
-    <Container size="lg" id="premium" component="section" my={120}>
-      <Paper radius="lg" bg="dark" p="xl">
-        <Title
-          pos="relative"
-          c="white"
-          order={2}
-          fz={{
-            base: 24,
-            xs: 30,
-            sm: 36,
-          }}
-          fw={600}
-          mb={20}
-        >
-          Explore Premium.
-          <Box pos="absolute" mt="-8px" maw="150px" w="100%">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1418 125" fill="#ffbb55">
-              <path d="M1412.29 72.17c-11.04-5.78-20.07-14.33-85.46-25.24-22.37-3.63-44.69-7.56-67.07-11.04-167.11-22.06-181.65-21.24-304.94-30.56C888.78 1.39 822.57 1.1 756.44 0c-46.63-.11-93.27 1.56-139.89 2.5C365.5 13.55 452.86 7.68 277.94 23.15 202.57 33.32 127.38 45.01 52.07 55.69c-11.23 2.41-22.63 4.17-33.71 7.22C6.1 66.33 5.64 66.19 3.89 67.79c-7.99 5.78-2.98 20.14 8.72 17.5 33.99-9.47 32.28-8.57 178.06-29.66 4.26 4.48 7.29 3.38 18.42 3.11 13.19-.32 26.38-.53 39.56-1.12 53.51-3.81 106.88-9.62 160.36-13.95 18.41-1.3 36.8-3.12 55.21-4.7 23.21-1.16 46.43-2.29 69.65-3.4 120.28-2.16 85.46-3.13 234.65-1.52 23.42.99 1.57-.18 125.72 6.9 96.61 8.88 200.92 27.94 295.42 46.12 40.87 7.91 116.67 23.2 156.31 36.78 3.81 1.05 8.28-.27 10.51-3.58 3.17-3.72 2.66-9.7-.78-13.13-3.25-3.12-8.14-3.44-12.18-5.08-17.89-5.85-44.19-12.09-63.67-16.56l26.16 3.28c23.02 3.13 46.28 3.92 69.34 6.75 10.8.96 25.43 1.81 34.34-4.39 2.26-1.54 4.86-2.75 6.21-5.27 2.76-4.59 1.13-11.06-3.59-13.68ZM925.4 23.77c37.64 1.4 153.99 10.85 196.64 14.94 45.95 5.51 91.89 11.03 137.76 17.19 24.25 4.77 74.13 11.21 101.72 18.14-11.87-1.15-23.77-1.97-35.65-3.06-133.46-15.9-266.8-33.02-400.47-47.21Z"></path>
-            </svg>
-          </Box>
-        </Title>
+    <Container p={30} bg="dark" id="premium" fluid component="section" my={120}>
+      <Container size="lg">
         <Flex
           gap="lg"
+          align="center"
           direction={{
             base: "column",
             md: "row",
           }}
         >
           <Box flex="1.3">
-            <List my="md" fz="lg" visibleFrom="xs" c="gray.3">
+            <Title
+              pos="relative"
+              c="white"
+              order={2}
+              fz={{
+                base: 24,
+                xs: 30,
+                sm: 36,
+              }}
+              fw={600}
+              mb={20}
+            >
+              Explore Premium.
+              <Box pos="absolute" mt="-8px" maw="150px" w="100%">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1418 125" fill="#ffbb55">
+                  <path d="M1412.29 72.17c-11.04-5.78-20.07-14.33-85.46-25.24-22.37-3.63-44.69-7.56-67.07-11.04-167.11-22.06-181.65-21.24-304.94-30.56C888.78 1.39 822.57 1.1 756.44 0c-46.63-.11-93.27 1.56-139.89 2.5C365.5 13.55 452.86 7.68 277.94 23.15 202.57 33.32 127.38 45.01 52.07 55.69c-11.23 2.41-22.63 4.17-33.71 7.22C6.1 66.33 5.64 66.19 3.89 67.79c-7.99 5.78-2.98 20.14 8.72 17.5 33.99-9.47 32.28-8.57 178.06-29.66 4.26 4.48 7.29 3.38 18.42 3.11 13.19-.32 26.38-.53 39.56-1.12 53.51-3.81 106.88-9.62 160.36-13.95 18.41-1.3 36.8-3.12 55.21-4.7 23.21-1.16 46.43-2.29 69.65-3.4 120.28-2.16 85.46-3.13 234.65-1.52 23.42.99 1.57-.18 125.72 6.9 96.61 8.88 200.92 27.94 295.42 46.12 40.87 7.91 116.67 23.2 156.31 36.78 3.81 1.05 8.28-.27 10.51-3.58 3.17-3.72 2.66-9.7-.78-13.13-3.25-3.12-8.14-3.44-12.18-5.08-17.89-5.85-44.19-12.09-63.67-16.56l26.16 3.28c23.02 3.13 46.28 3.92 69.34 6.75 10.8.96 25.43 1.81 34.34-4.39 2.26-1.54 4.86-2.75 6.21-5.27 2.76-4.59 1.13-11.06-3.59-13.68ZM925.4 23.77c37.64 1.4 153.99 10.85 196.64 14.94 45.95 5.51 91.89 11.03 137.76 17.19 24.25 4.77 74.13 11.21 101.72 18.14-11.87-1.15-23.77-1.97-35.65-3.06-133.46-15.9-266.8-33.02-400.47-47.21Z"></path>
+                </svg>
+              </Box>
+            </Title>
+            <List
+              fz="lg"
+              visibleFrom="md"
+              spacing="4"
+              c="gray.3"
+              icon={<IoMdCheckmark color="orange" />}
+            >
               <List.Item>Refined user interface</List.Item>
-              <List.Item>Supports larger data (~4 MB)</List.Item>
-              <List.Item>Customizable color options</List.Item>
+              <List.Item>Supports larger data</List.Item>
+              <List.Item>Customizable color theme</List.Item>
               <List.Item>Compare data on graphs</List.Item>
               <List.Item>Edit directly on graphs</List.Item>
               <List.Item>AI-powered assistant</List.Item>
-              <List.Item>Everything is faster.</List.Item>
+              <List.Item>Everything is faster and more...</List.Item>
             </List>
             <Button
               component={Link}
@@ -59,6 +67,7 @@ export const PremiumVsFree = () => {
               miw={200}
               color="orange"
               size="lg"
+              mt="xl"
               rightSection={<FaArrowRightLong />}
               radius="xl"
               fz="md"
@@ -84,7 +93,7 @@ export const PremiumVsFree = () => {
             </Link>
           </StyledImageWrapper>
         </Flex>
-      </Paper>
+      </Container>
     </Container>
   );
 };
diff --git a/src/layout/JsonCrackLogo.tsx b/src/layout/JsonCrackLogo.tsx
index 0947d9d..9add7f4 100644
--- a/src/layout/JsonCrackLogo.tsx
+++ b/src/layout/JsonCrackLogo.tsx
@@ -48,8 +48,8 @@ export const JSONCrackLogo = ({ fontSize = "1.2rem", hideText, hideLogo, ...prop
         {!hideLogo && (
           <Image
             src="/assets/logo.svg"
-            width={parseFloat(fontSize) * 16}
-            height={parseFloat(fontSize) * 16}
+            width={parseFloat(fontSize) * 18}
+            height={parseFloat(fontSize) * 18}
             alt="logo"
             mb="2"
           />
diff --git a/src/layout/Navbar.tsx b/src/layout/Navbar.tsx
index 9bb5e09..5eeee87 100644
--- a/src/layout/Navbar.tsx
+++ b/src/layout/Navbar.tsx
@@ -7,7 +7,6 @@ import { JSONCrackLogo } from "./JsonCrackLogo";
 const StyledNavbarWrapper = styled.div`
   z-index: 3;
   transition: background 0.2s ease-in-out;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 `;
 
 const StyledNavbar = styled.nav`
@@ -17,7 +16,7 @@ const StyledNavbar = styled.nav`
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
-  padding: 12px 24px;
+  padding: 16px 24px;
   background: white;
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
diff --git a/src/pages/pricing.tsx b/src/pages/pricing.tsx
index 57db8f2..52e92f1 100644
--- a/src/pages/pricing.tsx
+++ b/src/pages/pricing.tsx
@@ -39,7 +39,7 @@ const StyledPaper = styled(Paper)<PaperProps & any>`
   padding: 1em;
   width: 320px;
   border-radius: 8px;
-  border: 2px solid #efefef;
+  border: 2px solid #dbdbdb;
   background: #fcfcfc;
 `;
 
@@ -85,7 +85,7 @@ export const PricingCards = () => {
         <StyledPaper>
           <Flex justify="space-between">
             <Stack gap="0">
-              <Text fw={500} size="lg" c="black">
+              <Text fw={500} size="md" c="black">
                 Free
               </Text>
               <Text fz={36} fw={600} c="black">