diff --git a/Frontend/assets/css/tools/r11form.css b/Frontend/assets/css/tools/r11form.css
index 600e28a..06bc195 100644
--- a/Frontend/assets/css/tools/r11form.css
+++ b/Frontend/assets/css/tools/r11form.css
@@ -481,4 +481,14 @@ textarea {
 
 code {
     line-height: 150%;
+}
+
+@media only screen and (max-width: 768px) {
+    .rwd-hideable {
+        display: none;
+    }
+
+    .rwd-expandable {
+        width: 100%;
+    }
 }
\ No newline at end of file
diff --git a/Frontend/tools/xpath.html b/Frontend/tools/xpath.html
index dad6da6..87d71ea 100644
--- a/Frontend/tools/xpath.html
+++ b/Frontend/tools/xpath.html
@@ -14,7 +14,7 @@
 <body onload="init();">
 
     <div class="container">
-        <div id="tool" class="tool">
+        <div id="tool" class="tool rwd-expandable">
             <div class="tool-context">
                 <div class="headline">
                     <h1>Online XPath tester <span class="versionInfo"><span class="version-span">v0.4</span></span></h1>
@@ -62,7 +62,7 @@
 
             </div>
         </div>
-        <div class="tooltip tooltip-window">
+        <div class="tooltip tooltip-window rwd-hideable">
             <h2>What is XPath?</h2>
             <p>XPath is a querry language used for selecting nodes from XML and processing them.<br>
                 It may perform operations on strings, numbers and boolean values.<br></p>
