diff --git a/src/js/ui/components/MessageInput/style.css b/src/js/ui/components/MessageInput/style.css
index 6f22e6f4..27470971 100644
--- a/src/js/ui/components/MessageInput/style.css
+++ b/src/js/ui/components/MessageInput/style.css
@@ -6,7 +6,7 @@
     align-items: center;
     justify-content: space-between;
 
-    & input {
+    & > input {
         height: 60px;
         width: 100%;
         margin-left: 32px;
@@ -64,7 +64,7 @@
     .container {
         height: 46px;
 
-        & input {
+        & > input {
             height: 46px;
             margin-left: 20px;
             line-height: 46px;
diff --git a/src/js/ui/pages/Footer/style.css b/src/js/ui/pages/Footer/style.css
index 5628b65c..b6aeeb54 100644
--- a/src/js/ui/pages/Footer/style.css
+++ b/src/js/ui/pages/Footer/style.css
@@ -11,7 +11,7 @@
     box-shadow: inset 0 1px 0 0 var(--shadow-color);
     z-index: 9;
 
-    & nav {
+    & > nav {
         display: flex;
         width: calc(311px - 34px);
         height: 60px;
@@ -20,7 +20,7 @@
         box-shadow: inset -1px 0 0 0 var(--shadow-color);
     }
 
-    & nav span {
+    & > nav span {
         display: block;
         width: 24px;
         height: 27px;
@@ -28,13 +28,13 @@
         cursor: pointer;
     }
 
-    & nav i {
+    & > nav i {
         color: var(--icon-color);
         font-size: 24px;
         cursor: pointer;
     }
 
-    & nav span:hover i {
+    & > nav span:hover i {
         color: var(--active) !important;
     }
 }
@@ -148,18 +148,18 @@
 
 @media (width <= 800px) {
     .footer {
-        & nav {
+        & > nav {
             width: calc(280px - 34px);
             padding: 14px 17px 0;
             height: 46px;
         }
 
-        & nav span {
+        & > nav span {
             width: 20px;
             height: 20px;
         }
 
-        & nav i {
+        & > nav i {
             font-size: 16px;
         }
     }