diff --git a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html
index c4f8c31ed..075e7ee97 100644
--- a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html
+++ b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html
@@ -20,7 +20,7 @@
       </div>
       }
     </div>
-    <div class="col-6 d-md-block d-md-none">
+    <div class="col-6 d-block d-md-none">
       <app-common-dropdown
         [items]="types"
         [selectedItem]="selectedTypeLabel | translate"
diff --git a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss
index d3690c8ad..37ee0194d 100644
--- a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss
+++ b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss
@@ -8,6 +8,10 @@ $rowHeight: 37px;
 .input-group {
   margin-top: 3rem;
   margin-bottom: 7.2rem;
+
+  @media screen and (max-width: 991px) {
+    margin-bottom: 3.2rem;
+  }
 }
 
 .form-control {
diff --git a/marketplace-ui/src/app/modules/product/product.component.scss b/marketplace-ui/src/app/modules/product/product.component.scss
index 8a6314be7..5dd12f706 100644
--- a/marketplace-ui/src/app/modules/product/product.component.scss
+++ b/marketplace-ui/src/app/modules/product/product.component.scss
@@ -4,11 +4,12 @@
 
 .branch {
   margin-top: 8.2rem;
+  margin-bottom: 3.2rem;
   cursor: default;
-}
 
-.branch {
-  margin-bottom: 3.2rem;
+  @media screen and (max-width: 991px) {
+    margin-top: 4.1rem;
+  }
 }
 
 .introduction-container {