diff --git a/packages/@envelope/base/src/components/Carousel/index.tsx b/packages/@envelope/base/src/components/Carousel/index.tsx
index da7d68d..c9955f8 100644
--- a/packages/@envelope/base/src/components/Carousel/index.tsx
+++ b/packages/@envelope/base/src/components/Carousel/index.tsx
@@ -77,15 +77,12 @@ export const CarouselInsideControls = ({ columns, children }: CarouselProps) =>
           pointerEvents="none"
           buttonProps={{
             bg: "bg",
-            pointerEvents: "all",
-            _hover: {
-              bg: "bg2.100",
-            },
             _disabled: {
               opacity: 0,
             },
           }}
         />
+
         <Box overflowX="hidden" w="full">
           <MotionBox
             animate={{
diff --git a/packages/@envelope/base/src/components/List/index.tsx b/packages/@envelope/base/src/components/List/index.tsx
new file mode 100644
index 0000000..263cc0e
--- /dev/null
+++ b/packages/@envelope/base/src/components/List/index.tsx
@@ -0,0 +1,16 @@
+import { styled } from "@envelope-ui/styled/jsx";
+
+export const UnorderedList = styled("ul", {
+  base: {
+    listStyleType: "circle",
+    listStyle: "inside",
+  },
+});
+
+export const OrderedList = styled("ol");
+
+export const ListItem = styled("li", {
+  base: {
+    color: "ui.80",
+  },
+});
diff --git a/packages/@envelope/base/src/components/Stepper/index.tsx b/packages/@envelope/base/src/components/Stepper/index.tsx
index da06da0..e233c95 100644
--- a/packages/@envelope/base/src/components/Stepper/index.tsx
+++ b/packages/@envelope/base/src/components/Stepper/index.tsx
@@ -25,6 +25,8 @@ export const StepperControls = ({
     onIndexChange?.(newIndex);
   };
 
+  if (pageCount <= 1) return <></>;
+
   return (
     <Flex gap="8" {...props}>
       <Button
diff --git a/packages/@envelope/base/src/components/Table/index.tsx b/packages/@envelope/base/src/components/Table/index.tsx
index a063a1e..3726530 100644
--- a/packages/@envelope/base/src/components/Table/index.tsx
+++ b/packages/@envelope/base/src/components/Table/index.tsx
@@ -1,9 +1,43 @@
 import { styled } from "@envelope-ui/styled/jsx";
 
-export const Table = styled("table");
-export const Thead = styled("thead");
+const base = {
+  borderWidth: "1px",
+  borderColor: "ui.20",
+};
+
+const padding = {
+  px: "4",
+  py: "2",
+};
+
+export const Table = styled("table", {
+  base: {
+    color: "ui.80",
+    borderCollapse: "collapse",
+  },
+});
+
+export const Th = styled("th", {
+  base: {
+    ...base,
+    ...padding,
+  },
+});
+
+export const Td = styled("td", {
+  base: {
+    ...base,
+    ...padding,
+  },
+});
+
+export const Thead = styled("thead", {
+  base: {
+    ...base,
+    fontWeight: "bold",
+  },
+});
+
 export const Tbody = styled("tbody");
 export const Tr = styled("tr");
-export const Td = styled("td");
-export const Th = styled("th");
 export const Tfoot = styled("tfoot");
diff --git a/packages/@envelope/base/src/components/index.tsx b/packages/@envelope/base/src/components/index.tsx
index c26de52..e598467 100644
--- a/packages/@envelope/base/src/components/index.tsx
+++ b/packages/@envelope/base/src/components/index.tsx
@@ -6,6 +6,7 @@ export * from "./Drawer";
 export { Image } from "./Image";
 export * from "./Input";
 export { ItemInput } from "./ItemInput";
+export * from "./List";
 export { Fab } from "./Fab";
 export * from "./NavigationMenu";
 export * from "./Menu";
diff --git a/packages/@envelope/preset/src/preset.ts b/packages/@envelope/preset/src/preset.ts
index 32eacdb..053c96e 100644
--- a/packages/@envelope/preset/src/preset.ts
+++ b/packages/@envelope/preset/src/preset.ts
@@ -526,4 +526,3 @@ export const envelopePreset = definePreset({
     },
   },
 });
-2;