diff --git a/zeppelin-web/src/app/interpreter/interpreter.css b/zeppelin-web/src/app/interpreter/interpreter.css
index ee4f81db614..554ecbcc56b 100644
--- a/zeppelin-web/src/app/interpreter/interpreter.css
+++ b/zeppelin-web/src/app/interpreter/interpreter.css
@@ -109,3 +109,8 @@
   color: #000;
   opacity: .5;
 }
+
+.remove-margin-top-bottom {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+}
diff --git a/zeppelin-web/src/app/interpreter/interpreter.html b/zeppelin-web/src/app/interpreter/interpreter.html
index 7ac18728093..d7f3440c90f 100644
--- a/zeppelin-web/src/app/interpreter/interpreter.html
+++ b/zeppelin-web/src/app/interpreter/interpreter.html
@@ -38,13 +38,17 @@ <h3 class="new_h3">
       </div>
     </div>
 
-    <div class="input-group col-md-4" style="margin-top: 10px">
-      <input type="text" ng-model="searchInterpreter" class="form-control ng-pristine ng-untouched ng-valid ng-empty" placeholder="Search interpreters"/>
-      <span class="input-group-btn">
-        <button type="submit" class="btn btn-default" ng-disabled="!navbar.connected">
-          <i class="glyphicon glyphicon-search"></i>
-        </button>
-      </span>
+    <div class="row">
+      <div class="col-md-4">
+        <div class="input-group" style="margin-top: 10px">
+          <input type="text" ng-model="searchInterpreter" class="form-control ng-pristine ng-untouched ng-valid ng-empty" placeholder="Search interpreters"/>
+          <span class="input-group-btn">
+            <button type="submit" class="btn btn-default" ng-disabled="!navbar.connected">
+              <i class="glyphicon glyphicon-search"></i>
+            </button>
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 
@@ -93,10 +97,9 @@ <h3 class="interpreter-title">{{setting.name}}
           <small>
             <span style="display:inline-block" ng-repeat="interpreter in setting.interpreterGroup"
                   title="{{interpreter.class}}">
-              <span ng-show="!$first">, </span>
-              %<span ng-show="!$parent.$first || $first">{{setting.name}}</span
-              ><span ng-show="(!$parent.$first || $first) && !$first">.</span
-              ><span ng-show="!$first">{{interpreter.name}}</span>
+              <span ng-show="!$first">, </span>%<span ng-show="!$parent.$first || $first">{{setting.name}}</span>
+              <span ng-show="(!$parent.$first || $first) && !$first">.</span>
+              <span ng-show="!$first">{{interpreter.name}}</span>
               <span ng-show="$parent.$first && $first">(default)</span>
             </span>
           </small>
@@ -170,37 +173,44 @@ <h5>Option</h5>
         </span>
         <span>Interpreter for note</span>
       </div>
-
-      <br />
+    </div>
+    <div class="row interpreter" style="margin-top: 5px;">
       <div class="col-md-12">
-        <div class="checkbox">
+        <div class="checkbox remove-margin-top-bottom">
           <span class="input-group" style="line-height:30px;">
-            <label><input type="checkbox" style="width:20px" id="isExistingProcess" ng-model="setting.option.isExistingProcess" ng-disabled="!valueform.$visible"/>
-            Connect to existing process </label>
+            <label>
+              <input type="checkbox" style="width:20px" id="isExistingProcess" ng-model="setting.option.isExistingProcess" ng-disabled="!valueform.$visible"/>
+              Connect to existing process
+            </label>
           </span>
         </div>
       </div>
-
-      <div class="col-md-12" ng-show="setting.option.isExistingProcess">
+    </div>
+    <div class="row interpreter" ng-if="setting.option.isExistingProcess">
+      <div class="col-md-12">
         <b>Host</b>
           <input id="newInterpreterSettingHost" input pu-elastic-input
             pu-elastic-input-minwidth="180px" ng-model="setting.option.host" ng-disabled="!valueform.$visible"  />
       </div>
-      <div class="col-md-12" ng-show="setting.option.isExistingProcess">
+      <div class="col-md-12">
          <b>Port</b>
          <input id="newInterpreterSettingPort" input pu-elastic-input
             pu-elastic-input-minwidth="180px" ng-model="setting.option.port"  ng-disabled="!valueform.$visible" />
       </div>
-
+    </div>
+    <div class="row interpreter">
       <div class="col-md-12">
-        <div class="checkbox">
+        <div class="checkbox remove-margin-top-bottom">
           <span class="input-group" style="line-height:30px;">
-            <label><input type="checkbox" style="width:18px !important" id="idShowPermission" ng-click="togglePermissions(setting.name)" ng-model="setting.option.setPermission" ng-disabled="!valueform.$visible"/>
-            Set permission </label>
+            <label>
+              <input type="checkbox" style="width:20px !important" id="idShowPermission" ng-click="togglePermissions(setting.name)" ng-model="setting.option.setPermission" ng-disabled="!valueform.$visible"/>
+               Set permission
+            </label>
           </span>
         </div>
       </div>
-
+    </div>
+    <div class="row interpreter">
       <div class="col-md-12">
         <!-- permissions -->
         <div ng-show="setting.option.setPermission" class="permissionsForm">
@@ -223,14 +233,16 @@ <h5>Option</h5>
       <div ng-show="_.isEmpty(setting.properties) && _.isEmpty(setting.dependencies) || valueform.$hidden" class="col-md-12 gray40-message">
         <em>Currently there are no properties and dependencies set for this interpreter</em>
       </div>
+    </div>
+    <div class="row interpreter">
       <div class="col-md-12" ng-show="!_.isEmpty(setting.properties) || valueform.$visible">
         <h5>Properties</h5>
         <table class="table table-striped">
           <thead>
             <tr>
-              <th style="width:30%">name</th>
-              <th>value</th>
-              <th ng-if="valueform.$visible">action</th>
+              <th style="width:40%">name</th>
+              <th style="width:40%">value</th>
+              <th style="width:20%" ng-if="valueform.$visible">action</th>
             </tr>
           </thead>
           <tr ng-repeat="key in setting.properties | sortByKey" >
@@ -263,7 +275,8 @@ <h5>Properties</h5>
           </tr>
         </table>
       </div>
-
+    </div>
+    <div class="row interpreter">
       <div class="col-md-12" ng-show="!_.isEmpty(setting.dependencies) || valueform.$visible">
         <h5>Dependencies</h5>
         <p class="gray40-message" style="font-size:12px" ng-show="valueform.$visible">
diff --git a/zeppelin-web/src/app/notebook/paragraph/paragraph.css b/zeppelin-web/src/app/notebook/paragraph/paragraph.css
index e8edc0bb9fb..0b821c94181 100644
--- a/zeppelin-web/src/app/notebook/paragraph/paragraph.css
+++ b/zeppelin-web/src/app/notebook/paragraph/paragraph.css
@@ -502,7 +502,6 @@ div.esri-view {
 
 table.table-striped {
   border-top: 1px solid #ddd;
-  margin-top: 20px;
 }
 
 .scroll-paragraph-down {