diff --git a/components/Logo.tsx b/components/Logo.tsx
index 33fcd09d..efbf48be 100644
--- a/components/Logo.tsx
+++ b/components/Logo.tsx
@@ -1,12 +1,16 @@
 import React, { FC } from "react";
 
+import Image from "next/image";
+
 const Logo: FC = () => {
   return (
     <a className="logo" href="/">
       <div className="logo-tag">
-        <img
+        <Image
           src="https://assets.ubuntu.com/v1/82818827-CoF_white.svg"
           alt="circle of friends"
+          width={32}
+          height={32}
           className="logo-image"
         />
       </div>