diff --git a/web/src/screens/Logs.tsx b/web/src/screens/Logs.tsx
index 450ea27..970dd1d 100644
--- a/web/src/screens/Logs.tsx
+++ b/web/src/screens/Logs.tsx
@@ -63,7 +63,7 @@ export const Logs = () => {
               className="h-5 w-5 text-yellow-400"
               aria-hidden="true"
             />
-            <p className="ml-2 text-sm text-gray-800 dark:text-gray-400">This only shows new logs, no history</p>
+            <p className="ml-2 text-sm text-gray-800 dark:text-gray-400">This only shows new logs, no history.</p>
           </div>
         </div>
       </header>
@@ -78,13 +78,13 @@ export const Logs = () => {
           />
           <Checkbox
             label="Indent log lines"
-            description="Indent each log line according to their respective starting position"
+            description="Indent each log line according to their respective starting position."
             value={settings.indentLogLines}
             setValue={(newValue) => onSetValue("indentLogLines", newValue)}
           />
           <Checkbox
             label="Hide wrapped text"
-            description="Hides text that is meant to be wrapped"
+            description="Hides text that is meant to be wrapped."
             value={settings.hideWrappedText}
             setValue={(newValue) => onSetValue("hideWrappedText", newValue)}
           />
diff --git a/web/src/screens/settings/Application.tsx b/web/src/screens/settings/Application.tsx
index dc2b3bb..8633350 100644
--- a/web/src/screens/settings/Application.tsx
+++ b/web/src/screens/settings/Application.tsx
@@ -113,7 +113,7 @@ function ApplicationSettings() {
                     <div className="px-4 sm:px-6 py-1">
                         <Checkbox
                             label="Dark theme"
-                            description="Switch between dark and light theme"
+                            description="Switch between dark and light theme."
                             value={settings.darkTheme}
                             setValue={(newValue: boolean) => setSettings({
                                 ...settings,
diff --git a/web/src/screens/settings/Notifications.tsx b/web/src/screens/settings/Notifications.tsx
index 185e807..c6acef3 100644
--- a/web/src/screens/settings/Notifications.tsx
+++ b/web/src/screens/settings/Notifications.tsx
@@ -24,7 +24,7 @@ function NotificationSettings() {
                     <div className="ml-4 mt-4">
                         <h3 className="text-lg leading-6 font-medium text-gray-900 dark:text-white">Notifications</h3>
                         <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
-                            Send notifications on events
+                            Send notifications on events.
                         </p>
                     </div>
                     <div className="ml-4 mt-4 flex-shrink-0">