diff --git a/assets/css/hero.css b/assets/css/hero.css
index ccc7d43..3af3f12 100644
--- a/assets/css/hero.css
+++ b/assets/css/hero.css
@@ -19,8 +19,9 @@
 }
 
 .hero-content {
-  max-width: 50%;
+  max-width: 60%;
   text-align: center;
+  padding: 20px;
 }
 
 .hero-logo {
@@ -53,15 +54,17 @@
 }
 
 .hero-screenshots {
+  max-width: 40%;
   display: flex;
   gap: 40px;
+  margin-left: 0px;
 }
 
 .screenshot {
   width: 150px;
   height: 280px;
   background-color: white;
-  border: 3px solid black;
+  border: 0px solid black;
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
   border-radius: 15px;
   overflow: hidden;