diff --git a/src/components/DatetimeWidget/DatetimeWidget.scss b/src/components/DatetimeWidget/DatetimeWidget.scss
new file mode 100644
index 0000000..015bf69
--- /dev/null
+++ b/src/components/DatetimeWidget/DatetimeWidget.scss
@@ -0,0 +1,11 @@
+.datetime-widget {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  width: 100%;
+  margin: 0 -0.5rem 0.5rem;
+
+  > input {
+    margin: 0 0.5rem;
+  }
+}
diff --git a/src/components/DatetimeWidget/DatetimeWidget.tsx b/src/components/DatetimeWidget/DatetimeWidget.tsx
index 36a7300..13964cc 100644
--- a/src/components/DatetimeWidget/DatetimeWidget.tsx
+++ b/src/components/DatetimeWidget/DatetimeWidget.tsx
@@ -1,4 +1,5 @@
 import * as React from "react";
+import "./DatetimeWidget.scss";
 
 export interface DatetimeWidgetProps {
   value: string;
diff --git a/src/components/SignupQuestionsWidget/SignupQuestionsWidget.scss b/src/components/SignupQuestionsWidget/SignupQuestionsWidget.scss
index 48488bd..784a288 100644
--- a/src/components/SignupQuestionsWidget/SignupQuestionsWidget.scss
+++ b/src/components/SignupQuestionsWidget/SignupQuestionsWidget.scss
@@ -12,6 +12,6 @@
     display: flex;
     flex-flow: column nowrap;
     padding: 0.5rem;
-    background-color: $green;
+    background-color: $light-blue;
   }
 }
diff --git a/src/pages/AdminCommonPage/AdminCommonPage.scss b/src/pages/AdminCommonPage/AdminCommonPage.scss
index ead118a..dc7f5ec 100644
--- a/src/pages/AdminCommonPage/AdminCommonPage.scss
+++ b/src/pages/AdminCommonPage/AdminCommonPage.scss
@@ -16,6 +16,10 @@
     width: 100%;
   }
 
+  .rjsf {
+    max-width: 600px;
+  }
+
   label {
     margin-bottom: 0.5rem;
   }
diff --git a/src/pages/EventCreatePage/EventCreatePage.scss b/src/pages/EventCreatePage/EventCreatePage.scss
index 527bfcc..bd1e402 100644
--- a/src/pages/EventCreatePage/EventCreatePage.scss
+++ b/src/pages/EventCreatePage/EventCreatePage.scss
@@ -24,13 +24,8 @@
 
   input[type="text"],
   textarea,
-  select,
-  .datetime-widget {
-    width: 20rem;
-
-    @media screen and (max-width: 800px - 1px) {
-      width: 100%;
-    }
+  select {
+    width: 100%;
   }
 
   legend {
@@ -56,10 +51,4 @@
       }
     }
   }
-
-  .datetime-widget {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-between;
-  }
 }
diff --git a/src/pages/FeedCreatePage/FeedCreatePage.scss b/src/pages/FeedCreatePage/FeedCreatePage.scss
index 12cb7c6..a2ecc54 100644
--- a/src/pages/FeedCreatePage/FeedCreatePage.scss
+++ b/src/pages/FeedCreatePage/FeedCreatePage.scss
@@ -24,13 +24,8 @@
 
   input[type="text"],
   textarea,
-  select,
-  .datetime-widget {
-    width: 20rem;
-
-    @media screen and (max-width: 800px - 1px) {
-      width: 100%;
-    }
+  select {
+    width: 100%;
   }
 
   legend {
@@ -56,10 +51,4 @@
       }
     }
   }
-
-  .datetime-widget {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-between;
-  }
 }
diff --git a/src/pages/SignupCreatePage/SignupCreatePage.scss b/src/pages/SignupCreatePage/SignupCreatePage.scss
index cae0831..3617eb2 100644
--- a/src/pages/SignupCreatePage/SignupCreatePage.scss
+++ b/src/pages/SignupCreatePage/SignupCreatePage.scss
@@ -24,13 +24,8 @@
 
   input[type="text"],
   textarea,
-  select,
-  .datetime-widget {
-    width: 20rem;
-
-    @media screen and (max-width: 800px - 1px) {
-      width: 100%;
-    }
+  select {
+    width: 100%;
   }
 
   legend {
@@ -56,10 +51,4 @@
       }
     }
   }
-
-  .datetime-widget {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-between;
-  }
 }