diff --git a/src/App.js b/src/App.js
index dc99370..10266d8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -154,7 +154,6 @@ class App extends React.Component {
         />
       </MainContainer>
     )
-
   }
 }
 
diff --git a/src/components/Filter/Filter.js b/src/components/Filter/Filter.js
index 4f52772..77bb695 100644
--- a/src/components/Filter/Filter.js
+++ b/src/components/Filter/Filter.js
@@ -2,18 +2,39 @@ import React from "react";
 import styled from "styled-components";
 
 const BarraLateral = styled.div`
-    display:flex;
-    flex-direction: column;
-    border: 1px solid orange;
+  display:flex;
+  flex-direction: column;
+  padding: 5px;
+  font-family: Roboto;
+  border: 1px solid black;
+  margin: 30px 20px 0px 20px;
+
+`
+const SeçãoFiltro = styled.div`
+  margin: 10px 5px;
+`
+
+const Title = styled.h3`
+margin: 10px 5px;
 `
 
 
 function Filter(props) {
   const { funcaoMax, funcaoMin, funcaoRegex } = props;
   return <BarraLateral>
-    <input placeholder="Maximo" type="number" onChange={funcaoMax} />
-    <input placeholder="Minimo" type="number" onChange={funcaoMin} />
-    <input placeholder="Pesquisar" onChange={funcaoRegex} />
+    <Title>FILTROS</Title>
+    <SeçãoFiltro>
+     <label>Valor Máximo</label> <br />
+     <input type="number" onChange={funcaoMax} />
+    </SeçãoFiltro>
+    <SeçãoFiltro>
+     <label>Valor Mínimo</label> <br />
+     <input type="number" onChange={funcaoMin} />
+    </SeçãoFiltro>
+    <SeçãoFiltro>
+     <label>Buscar Produtos</label> <br />
+     <input onChange={funcaoRegex} />
+    </SeçãoFiltro>
   </BarraLateral>;
 }