diff --git a/Frontend/src/assets/tooltips/xslt/xslt3.json b/Frontend/src/assets/tooltips/xslt/xslt3.json
index ab91d4b..bbe80f4 100644
--- a/Frontend/src/assets/tooltips/xslt/xslt3.json
+++ b/Frontend/src/assets/tooltips/xslt/xslt3.json
@@ -178,7 +178,11 @@
                 [
 
                 ],
-                "xsltExamples": [],
+                "xsltExamples": [
+                    {
+                        "xslt": "<xsl:stylesheet version=\"3.0\"\n    xmlns:xsl=\"http://www.w3.org/1999/XSL/Transform\"\n    xmlns:u=\"http://www.release11.com/schemas/Sample.xsd\"\n    xmlns:my=\"http://example.com/functions\">\n\n    <xsl:output method=\"xml\" indent=\"yes\"/>\n    <xsl:import href=\"base.xsl\"/>\n\n    <xsl:override>\n        <xsl:function name=\"my:format-date\">\n            <xsl:param name=\"date\"/>\n            <xsl:value-of select=\"concat('Passed away on ', $date)\"/>\n        </xsl:function>\n\n        <xsl:template match=\"u:User\">\n            <Person>\n                <Name><xsl:value-of select=\"u:Name\"/></Name>\n                <Surname><xsl:value-of select=\"u:Surname\"/></Surname>\n                <DeathInfo><xsl:value-of select=\"my:format-date(u:DateOfDeath)\"/></DeathInfo>\n            </Person>\n        </xsl:template>\n    </xsl:override>\n\n</xsl:stylesheet>\n"
+                    }
+                ],
                 "documentationReferenceURL": "https://www.w3.org/TR/xslt-30/#element-override",
                 "output": "Appears as a child of xsl:use-package."
             },{
@@ -257,7 +261,11 @@
                         "description":"Determines the namespace used for any unprefixed element name or type name within an XPath expression."
                     }
                 ],
-                "xsltExamples": [],
+                "xsltExamples": [
+                    {
+                        "xslt": "<xsl:package name=\"user.processing\"\n    version=\"3.0\"\n    xmlns:xsl=\"http://www.w3.org/1999/XSL/Transform\"\n    xmlns:u=\"http://www.release11.com/schemas/Sample.xsd\"\n    xmlns:my=\"http://example.com/functions\"\n    package-version=\"1.0\">\n\n    <xsl:output method=\"xml\" indent=\"yes\"/>\n\n    <xsl:function name=\"my:format-date\" visibility=\"public\">\n        <xsl:param name=\"date\"/>\n        <xsl:value-of select=\"concat('Died on ', $date)\"/>\n    </xsl:function>\n\n    <xsl:template match=\"u:User\" visibility=\"public\">\n        <Person>\n            <Name><xsl:value-of select=\"u:Name\"/></Name>\n            <Surname><xsl:value-of select=\"u:Surname\"/></Surname>\n            <DeathInfo><xsl:value-of select=\"my:format-date(u:DateOfDeath)\"/></DeathInfo>\n        </Person>\n    </xsl:template>\n\n</xsl:package>"
+                    }
+                ],
                 "documentationReferenceURL": "https://www.w3.org/TR/xslt-30/#element-package",
                 "output": "Appears as a child of xsl:use-package."
             },{
@@ -281,7 +289,11 @@
                         "description":"Determines the potential visibility of the selected components."
                     }
                 ],
-                "xsltExamples": [],
+                "xsltExamples": [
+                    {
+                        "xslt": "<xsl:package name=\"user.extension\"\n    version=\"3.0\"\n    xmlns:xsl=\"http://www.w3.org/1999/XSL/Transform\"\n    package-version=\"1.0\">\n    \n    <!-- This accepts only the function, but not the template from user-package.xsl -->\n    <xsl:use-package name=\"user.processing\">\n        <xsl:accept component=\"function\" names=\"my:format-date\"/>\n    </xsl:use-package>\n\n    \n    <xsl:template match=\"u:User\">\n        <Person>\n            <Name><xsl:value-of select=\"u:Name\"/></Name>\n            <Surname><xsl:value-of select=\"u:Surname\"/></Surname>\n            <DeathInfo><xsl:value-of select=\"my:format-date(u:DateOfDeath)\"/></DeathInfo>\n        </Person>\n    </xsl:template>\n\n</xsl:package>"
+                    }
+                ],
                 "documentationReferenceURL": "https://www.w3.org/TR/xslt-30/#element-accept",
                 "output": "Appears as a child of xsl:use-package."
             },{
@@ -300,7 +312,11 @@
                         "description":"Specifies whether a stylesheet module requires a global context item; the default is optional."
                     }
                 ],
-                "xsltExamples": [],
+                "xsltExamples": [
+                    {
+                        "xslt": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<xsl:stylesheet version=\"3.0\"\n    xmlns:xsl=\"http://www.w3.org/1999/XSL/Transform\">\n\n    <xsl:global-context-item as=\"document-node()?\" use=\"optional\"/>\n\n    <xsl:template match=\"/\">\n        <html>\n            <body>\n                <h2>User List</h2>\n                <ul>\n                    <xsl:apply-templates select=\"users/user\"/>\n                </ul>\n            </body>\n        </html>\n    </xsl:template>\n\n    <xsl:template match=\"user\">\n        <li>\n            <xsl:value-of select=\"name\"/>\n        </li>\n    </xsl:template>\n</xsl:stylesheet>"
+                    }
+                ],
                 "documentationReferenceURL": "https://www.w3.org/TR/xslt-30/#element-global-context-item",
                 "output": "Global context item"
             }
diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index b260560..ab11647 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -69,7 +69,7 @@
 }
 
 .fade-leave-active {
-    animation: fadeOut 0.5s ease-in-out 600ms forwards;
+    animation: fadeOut 0.5s ease-in-out 800ms forwards;
 }
 
 @keyframes fadeOut {