diff --git a/src/app/components/Dropdown/Dropdown.styles.ts b/src/app/components/Dropdown/Dropdown.styles.ts index d3160c2f46..1aba4ba396 100644 --- a/src/app/components/Dropdown/Dropdown.styles.ts +++ b/src/app/components/Dropdown/Dropdown.styles.ts @@ -1,7 +1,3 @@ -import tw, { css } from "twin.macro"; - -export const defaultStyles = css` - min-width: 12rem; -`; +import tw from "twin.macro"; export const defaultClasses = tw`mt-8 py-3 absolute z-10 bg-theme-background rounded-lg shadow-xl border-theme-neutral-contrast border-1`; diff --git a/src/app/components/Dropdown/Dropdown.tsx b/src/app/components/Dropdown/Dropdown.tsx index cc7d5272b6..9059adc19b 100644 --- a/src/app/components/Dropdown/Dropdown.tsx +++ b/src/app/components/Dropdown/Dropdown.tsx @@ -4,7 +4,7 @@ import React, { useEffect, useRef, useState } from "react"; import { styled } from "twin.macro"; import { Size } from "types"; -import { defaultClasses, defaultStyles } from "./Dropdown.styles"; +import { defaultClasses } from "./Dropdown.styles"; export type DropdownOption = { label: string; @@ -24,7 +24,6 @@ type Props = { }; export const Wrapper = styled.div` - ${defaultStyles} ${defaultClasses} `; @@ -35,7 +34,7 @@ const renderOptions = (options: DropdownOption[], onSelect: any) => (