diff --git a/src/views/dashboard/related/network-profiling/Content.vue b/src/views/dashboard/related/network-profiling/Content.vue
index 693a726d..026fae12 100644
--- a/src/views/dashboard/related/network-profiling/Content.vue
+++ b/src/views/dashboard/related/network-profiling/Content.vue
@@ -48,14 +48,14 @@ const networkProfilingStore = useNetworkProfilingStore();
 
 .item {
   width: 100%;
-  height: calc(100% - 210px);
+  height: calc(100% - 50px);
   // background-color: #333840;
   position: relative;
 }
 
 .schedules {
-  height: 200px;
+  height: 40px;
   border-bottom: 1px solid #ccc;
-  padding-right: 10px;
+  padding: 8px;
 }
 </style>
diff --git a/src/views/dashboard/related/network-profiling/components/Schedules.vue b/src/views/dashboard/related/network-profiling/components/Schedules.vue
index 6b6e7cae..67f76615 100644
--- a/src/views/dashboard/related/network-profiling/components/Schedules.vue
+++ b/src/views/dashboard/related/network-profiling/components/Schedules.vue
@@ -13,10 +13,17 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
-  <el-button type="primary" size="small">
+  <el-button class="mr-10" type="primary" size="small">
     {{ t("start") }}
   </el-button>
-  <div ref="timeRange" class="time-ranges"></div>
+  <el-popover placement="bottom" :width="600" trigger="click">
+    <template #reference>
+      <span>
+        <el-button size="small"> Set time range </el-button>
+      </span>
+    </template>
+    <div ref="timeRange" class="time-ranges"></div>
+  </el-popover>
 </template>
 <script lang="ts" setup>
 import { ref, onMounted, watch } from "vue";