From 6796dc4804ccc8ea7ed4b0b4c59faf689e2b12ce Mon Sep 17 00:00:00 2001
From: Joonatan Kuosa <joonatan.kuosa@gmail.com>
Date: Thu, 6 Mar 2025 14:24:34 +0200
Subject: [PATCH] fix: weekday selector inverted flex

---
 .../src/spa/my-units/recurring/WeekdaysSelector.tsx   | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/apps/admin-ui/src/spa/my-units/recurring/WeekdaysSelector.tsx b/apps/admin-ui/src/spa/my-units/recurring/WeekdaysSelector.tsx
index 74c0dc4a9..1dc5fd05b 100644
--- a/apps/admin-ui/src/spa/my-units/recurring/WeekdaysSelector.tsx
+++ b/apps/admin-ui/src/spa/my-units/recurring/WeekdaysSelector.tsx
@@ -6,12 +6,7 @@ import React from "react";
 import styled from "styled-components";
 import { useTranslation } from "react-i18next";
 import { WEEKDAYS } from "common/src/const";
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-s);
-`;
+import { Flex } from "common/styles/util";
 
 const Day = styled.button`
   background-color: var(--color-black-5);
@@ -106,7 +101,7 @@ export function WeekdaysSelector({
   return (
     <div>
       <Label>{label}</Label>
-      <Wrapper>
+      <Flex $gap="s" $direction="row">
         {WEEKDAYS.map((weekday) => (
           <Day
             key={`weekday-${weekday}`}
@@ -119,7 +114,7 @@ export function WeekdaysSelector({
             {t(`dayShort.${weekday}`)}
           </Day>
         ))}
-      </Wrapper>
+      </Flex>
       {!disabled && errorText && (
         <ErrorText>
           <WarningIcon /> {errorText}