diff --git a/client/index.html b/client/index.html
index 0845f37..db892ab 100644
--- a/client/index.html
+++ b/client/index.html
@@ -13,20 +13,8 @@
             </div>
 
             <div class="row">
-                <!-- visualizer -->
-                <div class="col-md-7">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
-                            <big>Visualizer</big>
-                        </div>
-                        <div class="panel-body">
-                            <svg id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"></svg>
-                        </div>
-                    </div>
-                </div>
-
                 <!-- query -->
-                <div class="col-md-5">
+                <div class="col-md-3">
                     <div class="panel panel-default">
                         <div class="panel-heading">
                             <big>Query</big>
@@ -57,6 +45,18 @@
                         </div>
                     </div>
                 </div>
+
+                <!-- visualizer -->
+                <div class="col-md-9">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">
+                            <big>Visualizer</big>
+                        </div>
+                        <div class="panel-body">
+                            <svg id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"></svg>
+                        </div>
+                    </div>
+                </div>
             </div>
 
             <!-- result listing -->