diff --git a/src/app/modules/shared/components/details-fields/details-fields.component.html b/src/app/modules/shared/components/details-fields/details-fields.component.html
index 6409e16b6..3ecc6f7e6 100644
--- a/src/app/modules/shared/components/details-fields/details-fields.component.html
+++ b/src/app/modules/shared/components/details-fields/details-fields.component.html
@@ -65,7 +65,7 @@
             id="uri"
             type="text"
             placeholder="Enter Jira ticket URL"
-            class="form-control"
+            class="url-ticket-input form-control"
             aria-label="Small"
             aria-describedby="inputGroup-sizing-sm"
           />
diff --git a/src/app/modules/shared/components/details-fields/details-fields.component.scss b/src/app/modules/shared/components/details-fields/details-fields.component.scss
index b1a0ef610..30255b5e9 100644
--- a/src/app/modules/shared/components/details-fields/details-fields.component.scss
+++ b/src/app/modules/shared/components/details-fields/details-fields.component.scss
@@ -119,3 +119,14 @@ input[type="date"]::-webkit-clear-button {
 ::ng-deep .cdk-overlay-container {
   z-index: 1100 !important;
 }
+
+.url-ticket-input {
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+::ng-deep .ngx-timepicker {
+	border: 1px solid #ced4da;
+	border-radius: 0.25rem;
+	padding: 2px;
+}
diff --git a/src/app/modules/time-clock/components/entry-fields/entry-fields.component.html b/src/app/modules/time-clock/components/entry-fields/entry-fields.component.html
index 32c1d9044..1066c881f 100644
--- a/src/app/modules/time-clock/components/entry-fields/entry-fields.component.html
+++ b/src/app/modules/time-clock/components/entry-fields/entry-fields.component.html
@@ -20,7 +20,7 @@
       placeholder="Enter Jira ticket URL"
       id="uri"
       formControlName="uri"
-      class="form-control"
+      class="url-ticket-input form-control"
     />
   </div>
 
diff --git a/src/app/modules/time-clock/components/entry-fields/entry-fields.component.scss b/src/app/modules/time-clock/components/entry-fields/entry-fields.component.scss
index dc47b027b..c6532e8d9 100644
--- a/src/app/modules/time-clock/components/entry-fields/entry-fields.component.scss
+++ b/src/app/modules/time-clock/components/entry-fields/entry-fields.component.scss
@@ -9,3 +9,14 @@
 .hidden {
   display: none;
 }
+
+.url-ticket-input {
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+::ng-deep .ngx-timepicker {
+	border: 1px solid #ced4da;
+	border-radius: 0.25rem;
+	padding: 2px;
+}