diff --git a/ui/component/claimListHeader/view.jsx b/ui/component/claimListHeader/view.jsx
index 8924515a3..498d0fda6 100644
--- a/ui/component/claimListHeader/view.jsx
+++ b/ui/component/claimListHeader/view.jsx
@@ -277,7 +277,7 @@ function ClaimListHeader(props: Props) {
         </div>
         {expanded && (
           <>
-            <div className={classnames(`card claim-search__menus`)}>
+            <div className={classnames(`claim-search__menus`)}>
               {/* FRESHNESS FIELD */}
               {orderParam === CS.ORDER_BY_TOP && (
                 <div className="claim-search__input-container">
diff --git a/ui/scss/component/_claim-search.scss b/ui/scss/component/_claim-search.scss
index 246b4d2e9..8c4026495 100644
--- a/ui/scss/component/_claim-search.scss
+++ b/ui/scss/component/_claim-search.scss
@@ -13,7 +13,8 @@
   justify-content: flex-start;
   align-items: center;
   padding: var(--spacing-m);
-  padding-bottom: var(--spacing-s);
+  padding-left: 0;
+  padding-bottom: 0;
   margin-top: var(--spacing-m);
   margin-bottom: var(--spacing-m);
   color: var(--color-text-subtitle);
@@ -41,17 +42,14 @@
   flex-direction: column;
   font-size: var(--font-body);
   width: 100%;
-
-  &:not(:first-of-type) {
-    margin-top: var(--spacing-s);
-  }
+  margin-bottom: var(--spacing-m);
 
   @media (min-width: $breakpoint-small) {
     width: auto;
+    margin-top: 0;
 
-    &:not(:first-of-type) {
-      margin-top: 0;
-      padding-left: var(--spacing-m);
+    &:not(:last-of-type) {
+      padding-right: var(--spacing-m);
     }
   }
 }