diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index d9a10e6..c772b67 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -1,9 +1,10 @@
 import React from "react";
+import "./footer.scss";
 
 function Footer() {
   return (
     <footer className="footer">
-      <p className="text-center">&copy; {new Date().getFullYear()} TaskLife. All rights reserved.</p>
+      <p className="footer-text">&copy; {new Date().getFullYear()} TaskLife. All rights reserved.</p>
     </footer>
   );
 }
diff --git a/src/components/Footer/footer.scss b/src/components/Footer/footer.scss
new file mode 100644
index 0000000..59d69d0
--- /dev/null
+++ b/src/components/Footer/footer.scss
@@ -0,0 +1,5 @@
+.footer {
+  .footer-text {
+    text-align: center;
+  }
+}