diff --git a/component/ChartOrSandbox.tsx b/component/ChartOrSandbox.tsx
index f27e7097..c7ed3fd5 100644
--- a/component/ChartOrSandbox.tsx
+++ b/component/ChartOrSandbox.tsx
@@ -2,7 +2,7 @@ import { ReactNode, useRef, useState } from 'react';
 import { useDimensions } from '../hook/use-dimensions';
 import { Caption } from './UI/Caption';
 import { CodeSandbox } from './CodeSandbox';
-import { Button } from './UI/button';
+import { Button } from './UI/buttonFromShadcnUI';
 
 type ChartOrSandboxProps = {
   VizComponent: (props: {
diff --git a/component/CodeSandboxButton.tsx b/component/CodeSandboxButton.tsx
index a94664da..df1786c7 100644
--- a/component/CodeSandboxButton.tsx
+++ b/component/CodeSandboxButton.tsx
@@ -1,7 +1,7 @@
 // Each folder in the /src/viz folder is a codesandbox showing the related viz component
 // Just pass the folder name to this component and it will embed the codesandbox
 import React from 'react';
-import { Button } from '@/component/UI/button';
+import { Button } from '@/component/UI/buttonFromShadcnUI';
 import { CodeSandbox } from './CodeSandbox';
 
 type CodeSandboxButtonProps = {
diff --git a/component/TocBreadcrumb.tsx b/component/TocBreadcrumb.tsx
index 6e11911a..7d9abc4f 100644
--- a/component/TocBreadcrumb.tsx
+++ b/component/TocBreadcrumb.tsx
@@ -16,7 +16,7 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
 } from './UI/dropdown-menu';
-import { Button, buttonVariants } from '@/component/UI/button';
+import { Button, buttonVariants } from '@/component/UI/buttonFromShadcnUI';
 import { moduleList } from '@/util/moduleList';
 import { Lesson, lessonList } from '@/util/lessonList';
 import { Circle } from 'lucide-react';
diff --git a/component/UI/Button.tsx b/component/UI/buttonFromShadcnUI.tsx
similarity index 100%
rename from component/UI/Button.tsx
rename to component/UI/buttonFromShadcnUI.tsx
diff --git a/pages/course/scales/introduction.tsx b/pages/course/scales/introduction.tsx
index fb7aae85..445d172b 100644
--- a/pages/course/scales/introduction.tsx
+++ b/pages/course/scales/introduction.tsx
@@ -2,18 +2,8 @@ import React, { useCallback, useState } from 'react';
 import TitleAndDescription from '@/component/TitleAndDescription';
 import { LayoutCourse } from '@/component/LayoutCourse';
 import { lessonList } from '@/util/lessonList';
-import { CodeSandbox } from '@/component/CodeSandbox';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/component/UI/select';
-import { Sidenote } from '@/component/SideNote';
-import { MoveHorizontal, MoveVertical } from 'lucide-react';
 import { CodeBlock } from '@/component/UI/CodeBlock';
-import { Button } from '@/component/UI/button';
+import { Button } from '@/component/UI/buttonFromShadcnUI';
 
 const previousURL = '/course/svg/path-element';
 const currentURL = '/course/scales/introduction';
diff --git a/pages/react-d3-dataviz-course.tsx b/pages/react-d3-dataviz-course.tsx
index c470d347..6de92c06 100644
--- a/pages/react-d3-dataviz-course.tsx
+++ b/pages/react-d3-dataviz-course.tsx
@@ -12,7 +12,7 @@ import { Lesson, lessonList } from '@/util/lessonList';
 import { Badge } from '@/component/UI/badge';
 import { moduleList } from '@/util/moduleList';
 import { LessonBadge } from '@/component/LessonBadge';
-import { buttonVariants } from '@/component/UI/button';
+import { buttonVariants } from '@/component/UI/buttonFromShadcnUI';
 
 const graphDescription = (
   <>