diff --git a/src/components/action/action-settings/scrape.tsx b/src/components/action/action-settings/Scrape.tsx
similarity index 100%
rename from src/components/action/action-settings/scrape.tsx
rename to src/components/action/action-settings/Scrape.tsx
diff --git a/src/components/action/action-settings/scrapeSchema.tsx b/src/components/action/action-settings/ScrapeSchema.tsx
similarity index 100%
rename from src/components/action/action-settings/scrapeSchema.tsx
rename to src/components/action/action-settings/ScrapeSchema.tsx
diff --git a/src/components/action/action-settings/screenshot.tsx b/src/components/action/action-settings/Screenshot.tsx
similarity index 100%
rename from src/components/action/action-settings/screenshot.tsx
rename to src/components/action/action-settings/Screenshot.tsx
diff --git a/src/components/action/action-settings/scroll.tsx b/src/components/action/action-settings/Scroll.tsx
similarity index 100%
rename from src/components/action/action-settings/scroll.tsx
rename to src/components/action/action-settings/Scroll.tsx
diff --git a/src/components/action/action-settings/index.ts b/src/components/action/action-settings/index.ts
index 58e3f3c4..09e571d1 100644
--- a/src/components/action/action-settings/index.ts
+++ b/src/components/action/action-settings/index.ts
@@ -1,7 +1,7 @@
-import { ScrollSettings } from './scroll';
-import { ScreenshotSettings } from "./screenshot";
-import { ScrapeSettings } from "./scrape";
-import { ScrapeSchemaSettings } from "./scrapeSchema";
+import { ScrollSettings } from './Scroll';
+import { ScreenshotSettings } from "./Screenshot";
+import { ScrapeSettings } from "./Scrape";
+import { ScrapeSchemaSettings } from "./ScrapeSchema";
 
 export {
   ScrollSettings,
diff --git a/src/components/browser/BrowserNavBar.tsx b/src/components/browser/BrowserNavBar.tsx
index 28b9b3b7..a06b7b4e 100644
--- a/src/components/browser/BrowserNavBar.tsx
+++ b/src/components/browser/BrowserNavBar.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import ReplayIcon from '@mui/icons-material/Replay';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import { NavBarButton } from '../ui/buttons/buttons';
+import { NavBarButton } from '../ui/buttons/Buttons';
 import { UrlForm } from './UrlForm';
 import { useCallback, useEffect } from "react";
 import { useSocketStore } from "../../context/socket";
diff --git a/src/components/browser/BrowserWindow.tsx b/src/components/browser/BrowserWindow.tsx
index 5aec1e61..9d11d302 100644
--- a/src/components/browser/BrowserWindow.tsx
+++ b/src/components/browser/BrowserWindow.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useSocketStore } from '../../context/socket';
 import { Button } from '@mui/material';
-import Canvas from "../recorder/canvas";
+import Canvas from "../recorder/Canvas";
 import { Highlighter } from "../recorder/Highlighter";
 import { GenericModal } from '../ui/GenericModal';
 import { useActionContext } from '../../context/browserActions';
diff --git a/src/components/browser/UrlForm.tsx b/src/components/browser/UrlForm.tsx
index 3e5eb3b2..227b9cb8 100644
--- a/src/components/browser/UrlForm.tsx
+++ b/src/components/browser/UrlForm.tsx
@@ -1,8 +1,8 @@
 import React, { useState, useEffect, useCallback, useRef } from 'react';
 import type { SyntheticEvent } from 'react';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
-import { NavBarForm, NavBarInput } from "../ui/form";
-import { UrlFormButton } from "../ui/buttons/buttons";
+import { NavBarForm, NavBarInput } from "../ui/Form";
+import { UrlFormButton } from "../ui/buttons/Buttons";
 import { useSocketStore } from '../../context/socket';
 import { Socket } from "socket.io-client";
 
diff --git a/src/components/pickers/DatePicker.tsx b/src/components/pickers/DatePicker.tsx
index ec4334e0..41c449c6 100644
--- a/src/components/pickers/DatePicker.tsx
+++ b/src/components/pickers/DatePicker.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from '../recorder/canvas';
+import { Coordinates } from '../recorder/Canvas';
 
 interface DatePickerProps {
   coordinates: Coordinates;
diff --git a/src/components/pickers/DateTimeLocalPicker.tsx b/src/components/pickers/DateTimeLocalPicker.tsx
index 0cc952bc..51ac62c6 100644
--- a/src/components/pickers/DateTimeLocalPicker.tsx
+++ b/src/components/pickers/DateTimeLocalPicker.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from '../recorder/canvas';
+import { Coordinates } from '../recorder/Canvas';
 
 interface DateTimeLocalPickerProps {
   coordinates: Coordinates;
diff --git a/src/components/pickers/Dropdown.tsx b/src/components/pickers/Dropdown.tsx
index 743d721e..a944592a 100644
--- a/src/components/pickers/Dropdown.tsx
+++ b/src/components/pickers/Dropdown.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from '../recorder/canvas';
+import { Coordinates } from '../recorder/Canvas';
 
 interface DropdownProps {
     coordinates: Coordinates;
diff --git a/src/components/pickers/TimePicker.tsx b/src/components/pickers/TimePicker.tsx
index 7877787e..a9c02cae 100644
--- a/src/components/pickers/TimePicker.tsx
+++ b/src/components/pickers/TimePicker.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from '../recorder/canvas';
+import { Coordinates } from '../recorder/Canvas';
 
 interface TimePickerProps {
     coordinates: Coordinates;
diff --git a/src/components/recorder/canvas.tsx b/src/components/recorder/Canvas.tsx
similarity index 99%
rename from src/components/recorder/canvas.tsx
rename to src/components/recorder/Canvas.tsx
index c8c7502c..15fb9a70 100644
--- a/src/components/recorder/canvas.tsx
+++ b/src/components/recorder/Canvas.tsx
@@ -307,4 +307,4 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
 };
 
 
-export default memo(Canvas);
\ No newline at end of file
+export default memo(Canvas);
diff --git a/src/components/ui/form.tsx b/src/components/ui/Form.tsx
similarity index 100%
rename from src/components/ui/form.tsx
rename to src/components/ui/Form.tsx
diff --git a/src/components/ui/buttons/buttons.tsx b/src/components/ui/buttons/Buttons.tsx
similarity index 100%
rename from src/components/ui/buttons/buttons.tsx
rename to src/components/ui/buttons/Buttons.tsx