Changes

src/pages/Account.tsx

@@ -175,28 +175,16 @@ const Account = () => {
             </form>
           </div>
 
-          {/* Sign Out */}
-          <div className="bg-card border border-border rounded-lg p-6 shadow-sm">
-            <div className="flex items-center justify-between">
-              <div>
-                <h3 className="font-medium">Logga ut</h3>
-                <p className="text-sm text-muted-foreground">
-                  Logga ut från ditt konto
-                </p>
-              </div>
-              <Button
-                variant="outline"
+          {/* Links */}
+          <div className="text-center mt-6 space-y-3">
+            <button
+              type="button"
               onClick={handleSignOut}
-                className="border-destructive text-destructive hover:bg-destructive hover:text-destructive-foreground"
+              className="text-sm text-muted-foreground hover:underline"
             >
-                <LogOut className="h-4 w-4 mr-2" />
               Logga ut
-              </Button>
-            </div>
-          </div>
-
-          {/* Back link */}
-          <div className="text-center mt-8">
+            </button>
+            <div>
               <button
                 type="button"
                 onClick={() => navigate("/")}
@@ -208,6 +196,7 @@ const Account = () => {
           </div>
         </div>
       </div>
+    </div>
   );
 };