diff --git a/web/src/pages/Config.tsx b/web/src/pages/Config.tsx
index 745c3c2..267a28e 100644
--- a/web/src/pages/Config.tsx
+++ b/web/src/pages/Config.tsx
@@ -29,43 +29,44 @@ export function Config() {
   };
 
   const [testing, setTesting] = useState(false);
+  const [testMessage, setTestMessage] = useState('');
 
   const testNFS = async () => {
     if (!config?.nfs.server || !config?.nfs.share) {
-      setMessage('Enter server and share first');
+      setTestMessage('Enter server and share first');
       return;
     }
     setTesting(true);
-    setMessage('');
+    setTestMessage('');
     try {
       const result = await api.testNFS(config.nfs.server, config.nfs.share);
       if (result.ok) {
-        setMessage(result.message || 'NFS connection successful');
+        setTestMessage(result.message || 'NFS connection successful');
       } else {
-        setMessage(`Error: ${result.error}`);
+        setTestMessage(`Error: ${result.error}`);
       }
     } catch (e: any) {
-      setMessage(`Error: ${e.message}`);
+      setTestMessage(`Error: ${e.message}`);
     }
     setTesting(false);
   };
 
   const testCIFS = async () => {
     if (!config?.cifs.server || !config?.cifs.share) {
-      setMessage('Enter server and share first');
+      setTestMessage('Enter server and share first');
       return;
     }
     setTesting(true);
-    setMessage('');
+    setTestMessage('');
     try {
       const result = await api.testCIFS(config.cifs.server, config.cifs.share, config.cifs.username, config.cifs.password);
       if (result.ok) {
-        setMessage(result.message || 'CIFS connection successful');
+        setTestMessage(result.message || 'CIFS connection successful');
       } else {
-        setMessage(`Error: ${result.error}`);
+        setTestMessage(`Error: ${result.error}`);
       }
     } catch (e: any) {
-      setMessage(`Error: ${e.message}`);
+      setTestMessage(`Error: ${e.message}`);
     }
     setTesting(false);
   };
@@ -127,13 +128,16 @@ export function Config() {
                 />
               </div>
             </div>
-            <button
-              onClick={testNFS}
-              disabled={testing}
-              className="px-3 py-1.5 bg-gray-800 hover:bg-gray-700 disabled:opacity-50 border border-gray-700 rounded text-sm text-gray-300"
-            >
-              {testing ? 'Testing...' : 'Test Connection'}
-            </button>
+            <div className="flex items-center gap-2">
+              <button
+                onClick={testNFS}
+                disabled={testing}
+                className="px-3 py-1.5 bg-gray-800 hover:bg-gray-700 disabled:opacity-50 border border-gray-700 rounded text-sm text-gray-300"
+              >
+                {testing ? 'Testing...' : 'Test Connection'}
+              </button>
+              {testMessage && <span className={`text-sm ${testMessage.startsWith('Error') ? 'text-red-400' : 'text-green-400'}`}>{testMessage}</span>}
+            </div>
           </>
         ) : (
           <>
@@ -176,13 +180,16 @@ export function Config() {
                 />
               </div>
             </div>
-            <button
-              onClick={testCIFS}
-              disabled={testing}
-              className="px-3 py-1.5 bg-gray-800 hover:bg-gray-700 disabled:opacity-50 border border-gray-700 rounded text-sm text-gray-300"
-            >
-              {testing ? 'Testing...' : 'Test Connection'}
-            </button>
+            <div className="flex items-center gap-2">
+              <button
+                onClick={testCIFS}
+                disabled={testing}
+                className="px-3 py-1.5 bg-gray-800 hover:bg-gray-700 disabled:opacity-50 border border-gray-700 rounded text-sm text-gray-300"
+              >
+                {testing ? 'Testing...' : 'Test Connection'}
+              </button>
+              {testMessage && <span className={`text-sm ${testMessage.startsWith('Error') ? 'text-red-400' : 'text-green-400'}`}>{testMessage}</span>}
+            </div>
           </>
         )}
       </section>
diff --git a/web/src/pages/Dashboard.tsx b/web/src/pages/Dashboard.tsx
index ef455c1..f05ef44 100644
--- a/web/src/pages/Dashboard.tsx
+++ b/web/src/pages/Dashboard.tsx
@@ -93,7 +93,15 @@ export function Dashboard() {
           </div>
         </div>
         <div className="bg-gray-900 rounded-lg p-4 border border-gray-800">
-          <div className="text-sm text-gray-400 mb-1">Last Archive</div>
+          <div className="flex items-center justify-between mb-1">
+            <div className="text-sm text-gray-400">Last Archive</div>
+            <button
+              onClick={() => api.triggerArchive()}
+              className="px-3 py-1 bg-blue-600 hover:bg-blue-700 rounded text-xs transition-colors"
+            >
+              Trigger Archive
+            </button>
+          </div>
           <div className="text-lg font-medium">
             {status.last_archive && status.last_archive !== '0001-01-01T00:00:00Z'
               ? new Date(status.last_archive).toLocaleString()
@@ -132,14 +140,6 @@ export function Dashboard() {
           </div>
         )}
       </div>
-      <div className="flex gap-2">
-        <button
-          onClick={() => api.triggerArchive()}
-          className="px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-md text-sm transition-colors"
-        >
-          Trigger Archive
-        </button>
-      </div>
       {status.last_error && (
         <div className="bg-red-900/30 border border-red-800 rounded-lg p-3 text-sm text-red-300">
           {status.last_error}