diff --git a/website/src/styles/Theme/index.ts b/website/src/styles/Theme/index.ts
index 11edd8f3..0c43eddd 100644
--- a/website/src/styles/Theme/index.ts
+++ b/website/src/styles/Theme/index.ts
@@ -14,6 +14,14 @@ const components = {
   Container: containerTheme,
 };
 
+const breakpoints = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px",
+};
+
 const styles: Styles = {
   global: (props) => ({
     "*": {
@@ -34,4 +42,4 @@ const styles: Styles = {
   }),
 };
 
-export const theme = extendTheme({ colors, config, styles, components });
+export const theme = extendTheme({ colors, config, styles, components, breakpoints });