diff --git a/frontend/src/components/ChangeAPI.tsx b/frontend/src/components/ChangeAPI.tsx
index bbd0a28..ded28d8 100644
--- a/frontend/src/components/ChangeAPI.tsx
+++ b/frontend/src/components/ChangeAPI.tsx
@@ -19,7 +19,7 @@ const ChangeAPI: React.FC<Props> = ({ currentAPIKey, onClose }) => {
     <div className="w-full">
       <h2 className="text-2xl font-bold mb-2 text-blue-700">Change API Key</h2>
       <h4 className="mb-2 font-semibold text-gray-600">
-        Update your API key to fetch weather data
+        Update your API key to fetch weather data.
       </h4>
       <div className="mb-6 flex items-center gap-2 font-style: italic text-gray-500 flex-wrap text-">
         <p>We are using</p>