diff --git a/src/components/home/home.scss b/src/components/home/home.scss
index 6a419d9..b1e3a1b 100644
--- a/src/components/home/home.scss
+++ b/src/components/home/home.scss
@@ -3,7 +3,7 @@
 .nav {
   @extend %flex;
   flex-direction: row;
-  margin-top: 10px;
+  margin: 10px;
 
   ul {
     @extend %flex;
@@ -23,7 +23,7 @@
   }
 
   .active {
-    padding: 7px 10px;
+    padding: 7px 20px;
     background-color: $primary-color;
     border-radius: 100px;
     color: white;
diff --git a/src/components/rameelo/landing/landing.js b/src/components/rameelo/landing/landing.js
index 5475344..5107833 100644
--- a/src/components/rameelo/landing/landing.js
+++ b/src/components/rameelo/landing/landing.js
@@ -6,7 +6,7 @@ import './landing.scss';
 export default class Landing extends React.Component {
   render() {
     return (
-      <div className="wrapper">
+      <div className="rameelo-wrapper">
         <div className="top-section">
           <div className="container-fluid">
             <div className="row">
diff --git a/src/components/rameelo/landing/landing.scss b/src/components/rameelo/landing/landing.scss
index a395464..4a9a3f0 100644
--- a/src/components/rameelo/landing/landing.scss
+++ b/src/components/rameelo/landing/landing.scss
@@ -1,7 +1,8 @@
 @import '../../../styles/index';
 
-.wrapper {
+.rameelo-wrapper {
   max-width: 1920px !important;
+  margin: 0 auto;
 }
 
 .top-section {