Refactor UI components and styles for improved layout and consistency

app/src/styles/components/input.scss

@@ -10,6 +10,7 @@ input {
   border: 1px solid var(--border-color);
   outline: none;
   background: transparent;
+  color: var(--input-text-color);
 
   &:focus,
   &:active {
@@ -552,6 +553,11 @@ input {
     .input-value {
       width: 40px;
       text-align: center;
+      &::-webkit-inner-spin-button,
+      &::-webkit-outer-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+      }
     }
   }
 }

app/src/styles/components/marketPlace/marketPlace.scss

@@ -26,9 +26,6 @@
     width: 100%;
     height: 100%;
     overflow: auto;
-    left: calc(120px / 2);
-    top: 100px;
-    padding: 14px;
     padding-bottom: 60px;
     display: flex;
     flex-direction: column;
@@ -39,6 +36,8 @@
       display: flex;
       align-items: center;
       gap: 12px;
+      margin-top: 2px;
+      padding: 0 24px;
 
       .search-wrapper {
         min-width: 60%;
@@ -143,6 +142,7 @@
           .assets-container {
             display: flex;
             justify-content: space-between;
+            padding: 0;
 
             .name-container {
               display: flex;
@@ -177,6 +177,9 @@
           }
 
           .vendor-icon {
+            display: flex;
+            align-items: center;
+            gap: 4px;
             font-weight: #{$bold-weight};
             font-size: $regular;
           }