diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index 685d5ad..13ae146 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -1,7 +1,7 @@
 import { Link } from "react-router-dom";
 import clsx from "clsx";
 import MenuButton from "./buttons/MenuButton.tsx";
-import { Cross, User } from 'lucide-react';
+import { Plus, Film } from 'lucide-react';
 
 type props = {
     className?: string
@@ -11,13 +11,14 @@ const Sidebar = ({className}: props) => {
     return (
         <div className={clsx("h-screen bg-white shadow-sm border-r flex flex-col gap-2 mr-5", className)}>
             <Link
+                className={"w-full"}
                 to="/create">
-                <MenuButton className={"flex items-center gap-2"}>
-                    <Cross size={20}/> Create Clip
+                <MenuButton className={"flex items-center gap-2 w-full"}>
+                    <Plus size={20}/> Create Clip
                 </MenuButton>
             </Link>
             <MenuButton className={"flex items-center gap-2"}>
-                <User size={20}/> My Clips
+                <Film size={20}/> My Clips
             </MenuButton>
         </div>
     );
diff --git a/frontend/src/pages/ClipUpload.tsx b/frontend/src/pages/ClipUpload.tsx
index 817f9a6..9bb39bb 100644
--- a/frontend/src/pages/ClipUpload.tsx
+++ b/frontend/src/pages/ClipUpload.tsx
@@ -1,6 +1,6 @@
 import {useState} from "react";
 import {useNavigate} from "react-router-dom";
-import { uploadFile } from "../utils/Endpoints"
+import { uploadFile } from "../utils/endpoints"
 import BlueButton from "../components/buttons/BlueButton.tsx";
 
 const clipUpload = () => {
diff --git a/frontend/src/utils/Endpoints.ts b/frontend/src/utils/endpoints.ts
similarity index 100%
rename from frontend/src/utils/Endpoints.ts
rename to frontend/src/utils/endpoints.ts