From 8f2ca050552abff0d1b72d59d6ed089cddb57d62 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 2 Nov 2023 00:50:01 -0300
Subject: [PATCH] Fixed spacing

---
 src/frontend/src/components/ui/select.tsx  | 2 +-
 src/frontend/src/pages/StorePage/index.tsx | 6 +++---
 src/frontend/src/style/applies.css         | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/components/ui/select.tsx b/src/frontend/src/components/ui/select.tsx
index a299fa180..7430a0d46 100644
--- a/src/frontend/src/components/ui/select.tsx
+++ b/src/frontend/src/components/ui/select.tsx
@@ -80,7 +80,7 @@ const SelectItem = React.forwardRef<
   <SelectPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     )}
     {...props}
diff --git a/src/frontend/src/pages/StorePage/index.tsx b/src/frontend/src/pages/StorePage/index.tsx
index 3151f64c9..3b6c6308f 100644
--- a/src/frontend/src/pages/StorePage/index.tsx
+++ b/src/frontend/src/pages/StorePage/index.tsx
@@ -171,7 +171,7 @@ export default function StorePage(): JSX.Element {
       <div className="community-page-arrangement">
         <div className="community-page-nav-arrangement">
           <span className="community-page-nav-title">
-            <IconComponent name="Users2" className="w-6" />
+            <IconComponent name="Store" className="w-6" />
             Langflow Store
           </span>
           <div className="community-page-nav-button">
@@ -353,7 +353,7 @@ export default function StorePage(): JSX.Element {
               </SelectContent>
             </Select>
           </div> */}
-          <div className="flex items-center gap-2">
+          <div className="flex items-center gap-2 px-2">
             {!loading &&
               tags.map((i, idx) => (
                 <Badge
@@ -400,7 +400,7 @@ export default function StorePage(): JSX.Element {
               }}
             >
               <SelectTrigger>
-                <SelectValue placeholder="Order by" />
+                <SelectValue placeholder="Sort By" />
               </SelectTrigger>
               <SelectContent>
                 <SelectItem value="">Most Popular</SelectItem>
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 6778ff84f..25ad9267c 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -245,7 +245,7 @@
   }
 
   .community-page-nav-arrangement {
-    @apply flex-max-width justify-between px-6 py-8 pb-2;
+    @apply flex-max-width justify-between py-8 pb-2;
   }
 
   .community-page-nav-title {
@@ -257,7 +257,7 @@
   }
 
   .community-page-description-text {
-    @apply flex w-[70%] px-6 pb-8 text-muted-foreground;
+    @apply flex w-[70%] pb-8 text-muted-foreground;
   }
 
   .community-pages-flows-panel {