diff --git a/client/public/assets/css/style.css b/client/public/assets/css/style.css
index b515b160..2d2e634a 100644
--- a/client/public/assets/css/style.css
+++ b/client/public/assets/css/style.css
@@ -573,9 +573,11 @@ section {
   padding-top: 30px;
 }
 
+.marketplace-gem-filter-container {
+  padding: 0 20% 30px 20%;
+}
+
 .marketplace-gem-filter-input {
-  margin-left: 20%;
-  margin-right: 20%;
   max-width: -webkit-fill-available;
   margin-top: 15px;
 }
diff --git a/client/src/pages/marketplace/Marketplace.tsx b/client/src/pages/marketplace/Marketplace.tsx
index 1c22feae..a3478c23 100644
--- a/client/src/pages/marketplace/Marketplace.tsx
+++ b/client/src/pages/marketplace/Marketplace.tsx
@@ -174,10 +174,10 @@ export const Marketplace: FC<Props> = (props: Props) => {
 
       <section id="marketplace" className="portfolio">
         <div className="container" data-aos="fade-up">
-          <div className="section-title marketplaceTitle">
+          <div className="section-title">
             <h2>Marketplace</h2>
           </div>
-          <div className="section-title qmarketplaceTitle">
+          <div className="section-title marketplace-gem-filter-container">
             <h3>Gem Filter</h3>
             <input
               className="form-control marketplace-gem-filter-input"