diff --git a/src/app/modules/public/discover/components/filters/filters.component.html b/src/app/modules/public/discover/components/filters/filters.component.html
index 131baf3..59e75df 100644
--- a/src/app/modules/public/discover/components/filters/filters.component.html
+++ b/src/app/modules/public/discover/components/filters/filters.component.html
@@ -25,7 +25,7 @@
     <div class="mb-2">
       <p>
         <a
-          class=""
+          class="filters__options"
           data-bs-toggle="collapse"
           href="#collapseExample"
           role="button"
@@ -37,56 +37,104 @@
         </a>
       </p>
       <div class="collapse mb-2" id="collapseExample">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
       <hr>
       <p>
         <a
-          class="btn btn-primary"
-          data-bs-toggle="collapse"
-          href="#collapseExample1"
-          role="button"
-          aria-expanded="false"
-          aria-controls="collapseExample1"
+        class="filters__options"
+        data-bs-toggle="collapse"
+        href="#collapseExample1"
+        role="button"
+        aria-expanded="false"
+        aria-controls="collapseExample1"
         >
           Caracteristicas
           <fa-icon [icon]="icon_chevron_down"></fa-icon>
         </a>
       </p>
       <div class="collapse" id="collapseExample1">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
       <hr>
       <p>
         <a
-          class="btn btn-primary"
-          data-bs-toggle="collapse"
-          href="#collapseExample2"
-          role="button"
-          aria-expanded="false"
-          aria-controls="collapseExample2"
+        class="filters__options"
+        data-bs-toggle="collapse"
+        href="#collapseExample2"
+        role="button"
+        aria-expanded="false"
+        aria-controls="collapseExample2"
         >
           Caracteristicas
           <fa-icon [icon]="icon_chevron_down"></fa-icon>
         </a>
       </p>
       <div class="collapse mb-2" id="collapseExample2">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
     </div>
   </div>
   <hr>
-  <button class="btn btn-warning mt-2">Filtrar</button>
+  <div class="d-flex align-items-center justify-content-center">
+    <button class="btn btn-warning mt-2">Filtrar</button>
+  </div>
+
 </div>

diff --git a/src/app/modules/public/discover/components/filters/filters.component.html b/src/app/modules/public/discover/components/filters/filters.component.html
index 131baf3..59e75df 100644
--- a/src/app/modules/public/discover/components/filters/filters.component.html
+++ b/src/app/modules/public/discover/components/filters/filters.component.html
@@ -25,7 +25,7 @@
     <div class="mb-2">
       <p>
         <a
-          class=""
+          class="filters__options"
           data-bs-toggle="collapse"
           href="#collapseExample"
           role="button"
@@ -37,56 +37,104 @@
         </a>
       </p>
       <div class="collapse mb-2" id="collapseExample">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
       <hr>
       <p>
         <a
-          class="btn btn-primary"
-          data-bs-toggle="collapse"
-          href="#collapseExample1"
-          role="button"
-          aria-expanded="false"
-          aria-controls="collapseExample1"
+        class="filters__options"
+        data-bs-toggle="collapse"
+        href="#collapseExample1"
+        role="button"
+        aria-expanded="false"
+        aria-controls="collapseExample1"
         >
           Caracteristicas
           <fa-icon [icon]="icon_chevron_down"></fa-icon>
         </a>
       </p>
       <div class="collapse" id="collapseExample1">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
       <hr>
       <p>
         <a
-          class="btn btn-primary"
-          data-bs-toggle="collapse"
-          href="#collapseExample2"
-          role="button"
-          aria-expanded="false"
-          aria-controls="collapseExample2"
+        class="filters__options"
+        data-bs-toggle="collapse"
+        href="#collapseExample2"
+        role="button"
+        aria-expanded="false"
+        aria-controls="collapseExample2"
         >
           Caracteristicas
           <fa-icon [icon]="icon_chevron_down"></fa-icon>
         </a>
       </p>
       <div class="collapse mb-2" id="collapseExample2">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
     </div>
   </div>
   <hr>
-  <button class="btn btn-warning mt-2">Filtrar</button>
+  <div class="d-flex align-items-center justify-content-center">
+    <button class="btn btn-warning mt-2">Filtrar</button>
+  </div>
+
 </div>
diff --git a/src/app/modules/public/discover/components/filters/filters.component.scss b/src/app/modules/public/discover/components/filters/filters.component.scss
index a617a6f..592693b 100644
--- a/src/app/modules/public/discover/components/filters/filters.component.scss
+++ b/src/app/modules/public/discover/components/filters/filters.component.scss
@@ -4,3 +4,8 @@
     height: 100vh;
     padding: 1rem 2rem;
 }
+
+.filters__options{
+  text-decoration: none;
+  color: var(--base-color-dark);
+}

diff --git a/src/app/modules/public/discover/components/filters/filters.component.html b/src/app/modules/public/discover/components/filters/filters.component.html
index 131baf3..59e75df 100644
--- a/src/app/modules/public/discover/components/filters/filters.component.html
+++ b/src/app/modules/public/discover/components/filters/filters.component.html
@@ -25,7 +25,7 @@
     <div class="mb-2">
       <p>
         <a
-          class=""
+          class="filters__options"
           data-bs-toggle="collapse"
           href="#collapseExample"
           role="button"
@@ -37,56 +37,104 @@
         </a>
       </p>
       <div class="collapse mb-2" id="collapseExample">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
       <hr>
       <p>
         <a
-          class="btn btn-primary"
-          data-bs-toggle="collapse"
-          href="#collapseExample1"
-          role="button"
-          aria-expanded="false"
-          aria-controls="collapseExample1"
+        class="filters__options"
+        data-bs-toggle="collapse"
+        href="#collapseExample1"
+        role="button"
+        aria-expanded="false"
+        aria-controls="collapseExample1"
         >
           Caracteristicas
           <fa-icon [icon]="icon_chevron_down"></fa-icon>
         </a>
       </p>
       <div class="collapse" id="collapseExample1">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
       <hr>
       <p>
         <a
-          class="btn btn-primary"
-          data-bs-toggle="collapse"
-          href="#collapseExample2"
-          role="button"
-          aria-expanded="false"
-          aria-controls="collapseExample2"
+        class="filters__options"
+        data-bs-toggle="collapse"
+        href="#collapseExample2"
+        role="button"
+        aria-expanded="false"
+        aria-controls="collapseExample2"
         >
           Caracteristicas
           <fa-icon [icon]="icon_chevron_down"></fa-icon>
         </a>
       </p>
       <div class="collapse mb-2" id="collapseExample2">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
     </div>
   </div>
   <hr>
-  <button class="btn btn-warning mt-2">Filtrar</button>
+  <div class="d-flex align-items-center justify-content-center">
+    <button class="btn btn-warning mt-2">Filtrar</button>
+  </div>
+
 </div>
diff --git a/src/app/modules/public/discover/components/filters/filters.component.scss b/src/app/modules/public/discover/components/filters/filters.component.scss
index a617a6f..592693b 100644
--- a/src/app/modules/public/discover/components/filters/filters.component.scss
+++ b/src/app/modules/public/discover/components/filters/filters.component.scss
@@ -4,3 +4,8 @@
     height: 100vh;
     padding: 1rem 2rem;
 }
+
+.filters__options{
+  text-decoration: none;
+  color: var(--base-color-dark);
+}
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index cb3e3bb..5dbe2b2 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -10,7 +10,7 @@
     (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers"
+      *ngFor="let marker of markers | search: form.search"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"

diff --git a/src/app/modules/public/discover/components/filters/filters.component.html b/src/app/modules/public/discover/components/filters/filters.component.html
index 131baf3..59e75df 100644
--- a/src/app/modules/public/discover/components/filters/filters.component.html
+++ b/src/app/modules/public/discover/components/filters/filters.component.html
@@ -25,7 +25,7 @@
     <div class="mb-2">
       <p>
         <a
-          class=""
+          class="filters__options"
           data-bs-toggle="collapse"
           href="#collapseExample"
           role="button"
@@ -37,56 +37,104 @@
         </a>
       </p>
       <div class="collapse mb-2" id="collapseExample">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
       <hr>
       <p>
         <a
-          class="btn btn-primary"
-          data-bs-toggle="collapse"
-          href="#collapseExample1"
-          role="button"
-          aria-expanded="false"
-          aria-controls="collapseExample1"
+        class="filters__options"
+        data-bs-toggle="collapse"
+        href="#collapseExample1"
+        role="button"
+        aria-expanded="false"
+        aria-controls="collapseExample1"
         >
           Caracteristicas
           <fa-icon [icon]="icon_chevron_down"></fa-icon>
         </a>
       </p>
       <div class="collapse" id="collapseExample1">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
       <hr>
       <p>
         <a
-          class="btn btn-primary"
-          data-bs-toggle="collapse"
-          href="#collapseExample2"
-          role="button"
-          aria-expanded="false"
-          aria-controls="collapseExample2"
+        class="filters__options"
+        data-bs-toggle="collapse"
+        href="#collapseExample2"
+        role="button"
+        aria-expanded="false"
+        aria-controls="collapseExample2"
         >
           Caracteristicas
           <fa-icon [icon]="icon_chevron_down"></fa-icon>
         </a>
       </p>
       <div class="collapse mb-2" id="collapseExample2">
-        <div class="card card-body">
-          Some placeholder content for the collapse component. This panel is
-          hidden by default but revealed when the user activates the relevant
-          trigger.
+        <div class="">
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+            <label class="form-check-label" for="flexCheckDefault">
+              Default checkbox
+            </label>
+          </div>
         </div>
       </div>
     </div>
   </div>
   <hr>
-  <button class="btn btn-warning mt-2">Filtrar</button>
+  <div class="d-flex align-items-center justify-content-center">
+    <button class="btn btn-warning mt-2">Filtrar</button>
+  </div>
+
 </div>
diff --git a/src/app/modules/public/discover/components/filters/filters.component.scss b/src/app/modules/public/discover/components/filters/filters.component.scss
index a617a6f..592693b 100644
--- a/src/app/modules/public/discover/components/filters/filters.component.scss
+++ b/src/app/modules/public/discover/components/filters/filters.component.scss
@@ -4,3 +4,8 @@
     height: 100vh;
     padding: 1rem 2rem;
 }
+
+.filters__options{
+  text-decoration: none;
+  color: var(--base-color-dark);
+}
diff --git a/src/app/modules/public/discover/components/map/map.component.html b/src/app/modules/public/discover/components/map/map.component.html
index cb3e3bb..5dbe2b2 100644
--- a/src/app/modules/public/discover/components/map/map.component.html
+++ b/src/app/modules/public/discover/components/map/map.component.html
@@ -10,7 +10,7 @@
     (mapDragend)="mapIsDragged()">
     <map-marker
       #markerElem="mapMarker"
-      *ngFor="let marker of markers"
+      *ngFor="let marker of markers | search: form.search"
       [position]="marker.position"
       [label]="marker.label"
       [title]="marker.title"
diff --git a/src/app/modules/public/discover/discover.component.scss b/src/app/modules/public/discover/discover.component.scss
index 5497e46..45ba4d2 100644
--- a/src/app/modules/public/discover/discover.component.scss
+++ b/src/app/modules/public/discover/discover.component.scss
@@ -27,8 +27,12 @@
     display: flex;
     grid-area: filters;
     transition: 2s;
+    width: 19rem;
     right: 0;
     background-color: white;
+    app-filters{
+      width: 100%;
+    }
   }
   app-footer {
     grid-area: footer;